Jquery - 仅在顶部顶层而不是两者上触发点击事件

Question

当点击Child,Parent并Child正在解雇alert.

Child当我点击它时,我可以只发出警报吗？

<div id="Parent" style="width:300px;height:100px;border:solid 1px red;">
    Parent
    <div id="Child" style="width:300px;height:50px;border:solid 1px green;">
        Child
    </div>
</div>

<script>
$(document).ready(function(){
    $("#Child").click(function(){alert('child')})
    $("#Parent").click(function(){alert('Parent')})
})
</script>

http://jsfiddle.net/WAYgL/ 如果你在这个例子中点击这Child两个警报就会被解雇我怎么能阻止Parent来警报

Answer 1

您可以调用stopPropagation事件对象的方法:

$("#Child").click(function(e) {
    e.stopPropagation();
    alert('child');
});

这会阻止事件冒泡DOM树(这是DOM事件默认行为的方式).