jquery - 我怎么能不让子元素上的点击事件触发

Question

我怎么能不让子 div 上的点击事件触发。

<div id="div">
     <div id="first"></div>
     <div id="last"></div>
</div>

$('#div').click(function(e){
     //if e.target were object
     if(!e.target.is('#first')){
         //story
     }
});

Answer 1

尝试这个：

$(".parent_class .child_class").click(function(e) {
    e.stopPropagation();
});

它防止事件在 DOM 树中冒泡，防止任何父处理程序收到事件通知。

在此处阅读更多相关信息。

你也可以使用（但我没试过）e.preventDefault();

如果调用该方法，则不会触发事件的默认动作。