jquery-dblclick on child也會觸發父級的dblclick事件

Question

我有這個奇怪的問題，我有UL中有一些LI元素在裏面..我綁定了一個dblclick（）事件給UL和LI，我dblclick LI元素，LI事件和UL事件都被觸發..有沒有辦法避免這種情況？

這是我的代碼：

$("ul").dblclick(function() { 
     alert("ul clicked"); 
    }); 

    $("li").dblclick(function() { 
     alert("li clicked"); 
    }); 

Answer 1

的dblclick事件氣泡了DOM樹，祖先元素也通知。爲了防止起泡的情況下，你需要stop propagation of the event：

$("li").dblclick(function (e) { 
    alert("li clicked"); 
    e.stopPropagation(); 
}); 

例子：http://jsfiddle.net/HkUQ4/