javascript - 两个 div 上的两个不同的 OnClick，一个在另一个之上

Question

我有两个 div，一个大，一个小，每个 div 都有自己的 OnClick 方法。我遇到的问题是，当我单击较小的 div 时，也会调用大 div 的 OnClick 方法。

我可以避免谁？

Answer 1

您的问题是 click 事件将向上传播到元素树。因此，每个包含被单击元素的元素也会触发 click 事件。

最简单的解决方案是添加 return false 您的处理程序。

如果您使用 jQuery , 你可以调用 e.stopPropagation(); 否则，你需要调用 e.stopPropagation() 如果它存在，并设置 event.cancelBubble =是的。

有关详细信息，请参阅 here .