jquery单击嵌套div

Question

我有一个div，当我点击它时会打开一个菜单。在那个div中我有一个嵌套的div，当我点击它时，它会打开同样的菜单，这也是合乎逻辑的。

现在我想按下嵌套的div时它不会打开菜单。

我该怎么做？

Answer 1

您可以将click事件处理程序绑定到事件的内部div和stop the propagation：

$("#innerDiv").click(function(e) {
    e.stopPropagation();
});

这样可以防止事件冒泡到父元素，这会导致绑定到它的click事件处理程序触发。

Answer 2

使用event.stopPropagation()来阻止事件冒泡DOM树。

Answer 3

使用event.stopPropagation或event.stopImmediatePropagation来阻止事件冒泡。