如何停止在此場景中的「傳播」？

Question

Code：

<div id="container"> 
    <div id="link">Link</div> 
</div>​ 

$('#link').click(function (e) { 
    console.log("link");     
}); 

$('#container').mousedown(function (e) { 
    console.log("container");     
}); 

我想的是，當我點擊#link，也不會觸發#container處理程序。試過stopPropagation()或preventDefault()，但我認爲這是錯誤的接近？

Answer 1

根據這些問題/回答：

Prevent parent container click event from firing when hyperlink clicked

How to prevent trigger container's event when trigger children's events in JQuery?

e.stopPropagation();是要走的正確途徑。

http://jsfiddle.net/MN5KK/1/

編輯： 我看到你的鏈接使用mousedown在容器上和click，鼠標按下事件總是會點擊之前進行發射，因爲點擊上發佈。

Answer 2

的mousedown處理火災click處理程序之前，因此你不能從click處理程序已經向上冒泡到父元素mousedown事件取消mousedown處理程序。

如果不修改其他處理程序，我只需在內部元素中添加一個mousedown處理程序即可停止mousedown事件傳播。

$('#link').click(function (e) { 
    console.log("link"); 
}).mousedown(function (e) { //stops the mousedown event propagation from reaching 
    e.stopPropagation(); //the parent element 
}); 

$('#container').mousedown(function (e) { 
    console.log("container"); 
}); 

Fiddle

如果能夠切換處理器處理同樣的事件（比如他們click），你就可以調用event.stopPropagation()從內部元素的處理程序，因爲我與mousedown處理程序做以上。