click事件不應該由它的孩子被觸發

Question

比方說，我有以下代碼：

<div id="parent"> 
    <div id="child"></div> 
</div> 

現在我附上一個onclick事件父DIV：

$('#parent').click(function() { ... }); 

有一個簡單的方法來阻止事件觸發時，我點擊子div？我不想做這樣的事情

$('#child').click(function() { return false; }); 

因爲孩子的div可以包含鏈接...

謝謝！

Answer 1

檢查event target。

以下代碼未經測試。

var div = document.getElementById('parent'); 
jQuery(div).click(function(event) { 
    if (event.target !== div) { 
    return false; 
    } 
}); 

Answer 2

stopPropagation

$('#child').click(function(event) { 
     event.stopPropagation(); 
     //... 
});