javascript - 单击按钮时触发的事件也会触发另一个事件

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

您遇到的效果称为事件冒泡，您可以使用以下代码片段来防止它。

尝试，

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