ONCLICK事件没有传播？

Question

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

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

是因为冒泡了？

如果是这样，我怎么防止它，我的主要问题是具有这种布局的最佳方法是什么，所以当只单击黑色不透明DIV时，两个DIV都消失了？

Answer 1

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

Answer 2

要传递点击事件，您可以将pointer-events: none; CSS属性添加到您的子div