我怎么能不让click事件触发子元素

Question

我怎么能不让click事件触发子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树，从而防止任何父处理程序被拒绝事件。

详细了解here。

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

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