單擊按鈕時要觸發的事件也會觸發另一個事件

Question

我想在單擊按鈕<input type="button" id="btn-halt"/>時觸發偶數。

$("#btn-halt").click(function(){
   alert("Halt button was clicked")
})

但是，我還有另一個事件是在其他任何元素單擊上觸發的。

$("em, div, input:not(#btn-halt), textarea, ul, ol, form, li, select, table, label, tr, td, span, a, p, img, h1, h2, h3, h4, h5").click(function (event) {
 // do stuff
})

如何防止第二個事件也被觸發。 我認為它正在被觸發，因為<input type="button" id="btn-halt"/>位於div並且當單擊任何div時都會觸發第二個事件。

Answer 1

您遇到的效果稱為event bubbling ，您可以使用以下代碼段阻止它。

嘗試，

$("#btn-halt").click(function(e){
   e.stopPropagation();
})