我有一个嵌套在另一个DIV中的DIV。父DIV具有不透明的黑色背景色，子DIV具有白色且垂直和水平居中的背景色。
单击具有不透明度的父级DIV时，我需要父级和子级DIV都消失。但是由于某些原因，当我单击子DIV（白色DIV）时，会触发ONCLICK事件...仅在单击父DIV时才需要触发该事件...
是因为冒泡吗？
如果可以的话，如何防止这种情况，我的主要问题是采用这种布局的最佳方法是什么，以便仅单击黑色不透明DIV时，两个DIV都消失了？
- 积分
0 - 话题
0 - 评论
3224 - 注册排名
1363
我有一个嵌套在另一个DIV中的DIV。父DIV具有不透明的黑色背景色，子DIV具有白色且垂直和水平居中的背景色。
单击具有不透明度的父级DIV时，我需要父级和子级DIV都消失。但是由于某些原因，当我单击子DIV（白色DIV）时，会触发ONCLICK事件...仅在单击父DIV时才需要触发该事件...
是因为冒泡吗？
如果可以的话，如何防止这种情况，我的主要问题是采用这种布局的最佳方法是什么，以便仅单击黑色不透明DIV时，两个DIV都消失了？
您可以使用event.target属性来了解点击事件是在哪个元素上触发的。在父onclick侦听器中，您可以检查事件目标，如果它不是父元素，则从侦听器返回。
To pass on click event you can add
pointer-events: none;CSS attribute to your child div