綁定到一個元素的兩個單擊事件

Question

我有一個錨標記，裏面有一個img標記。當我點擊img時，會發生一個事件。不過，我還有另一個標記爲錨標記的點擊事件，那麼如何避免點擊img點擊上的點擊事件？

<a class="rfi btn btn-inverse"><img class="delete"/></a> 

我的點擊事件是用jQuery完成的。

Answer 1

你可以通過Event#stopPropagation停止從img到a的「傳播」（冒泡）。所以：

$("selector for your img elements").click(function(e) { 
    e.stopPropagation(); 

    // -- Your img click code here -- 
}); 

（return false從事件處理程序也將這樣做，但會也防止任何默認的動作你要知道，有一個click的img元素上沒有默認操作，所以它會被罰款。

$("img").on("click", function (e) { 
    e.stopPropagation(); 
}); 

Answer 2

冒泡和觸發其父的點擊處理程序停止圖像上的點擊

$("your img selector").click(function (event) { 
    event.stopPropagation(); 
}); 

Answer 3

試試這個：在這種情況下）