javascript - :not() on click event still firing

Question

我有以下示例结构:

<div class="modHolder">
  <div id="wData">...</div>
</div>

我希望在点击 .modHolder 时发生一些事情，但在点击 #wData 时什么也不会发生。

这就是我正在尝试的，但 #wData 仍然对点击使用react:

$(document).on('click', '.modHolder:not("#wData"), .modClose', function(e) {
...
}

有什么想法吗？

Answer 1

具体操作方法如下，使用它来点击.modHolder:

$(document).on('click', '.modHolder, .modClose', function(e) {
    ...
});

然后添加以下内容:

$(document).on('click', '#wData', function(e) {
    e.stopPropagation();
});

这将阻止 clickEvent 在 DOM 树中冒泡。

在这里查看:JSFiddle