发生一个事件时停止其他事件

Question

每个元素都绑定了几个事件。有时，父元素和子元素都包含点击事件！如果我点击子元素，父元素也会被触发。如何使用jquery阻止这些事件被触发！

Answer 1

您可以使用event.stopPropagation()

  

阻止事件冒泡DOM树，防止任何事件   家长处理人员被告知该事件。

$("p").click(function(event){
  event.stopPropagation();
  // do something
}); 

SEE HERE

Answer 2

您可以使用

event.stopImmediatePropagation()： - 如果你想阻止在元素中注册的其他事件处理程序也被激活

或

event.stopPropagation()： - 如果您只想阻止在父元素中注册的处理程序