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事件的行爲方式）。