ONCLICK事件是否传播?

我有一个嵌套在另一个DIV中的DIV。父DIV具有不透明的黑色背景色,子DIV具有白色且垂直和水平居中的背景色。

单击具有不透明度的父级DIV时,我需要父级和子级DIV都消失。但是由于某些原因,当我单击子DIV(白色DIV)时,会触发ONCLICK事件...仅在单击父DIV时才需要触发该事件...

是因为冒泡吗?

如果可以的话,如何防止这种情况,我的主要问题是采用这种布局的最佳方法是什么,以便仅单击黑色不透明DIV时,两个DIV都消失了?

enter image description here

评论
  • et_et
    et_et 回复

    您可以使用event.target属性来了解点击事件是在哪个元素上触发的。在父onclick侦听器中,您可以检查事件目标,如果它不是父元素,则从侦听器返回。

  • 布水风
    布水风 回复

    To pass on click event you can add pointer-events: none; CSS attribute to your child div