javascript - 当一个事件发生时停止其他事件

Question

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

Answer 1

您可以使用event.stopPropagation()

防止事件在 DOM 树中冒泡，防止任何父处理程序收到事件通知。

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

 

看这里

Answer 2

您可以使用

event.stopImmediatePropagation():- 如果你想防止在元素中注册的其他事件处理程序也被触发

或者

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