event.stopPropagation()

分类: 事件 > 事件对象

event.stopPropagation()返回值： undefined

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

我们可以使用 event.isPropagationStopped() 来确定该方法是否曾被调用过（在该事件对象上）。

此方法也适用于通过 trigger() 触发的自定义事件。

请注意，这不会阻止在同一元素上的其他处理程序运行。

附加说明

  • 由于 `.live()` 方法处理事件时它们已经传播到文档顶部，因此无法阻止实时事件的传播。同样，由 `.delegate()` 处理的事件将传播到它们被委托的元素；DOM 树中其下方任何元素上绑定的事件处理程序在委托事件处理程序被调用时就已经执行。因此，这些处理程序可以通过调用 `event.stopPropagation()` 或返回 `false` 来阻止委托处理程序触发。

示例

阻止 click 事件冒泡。

1
2
3
4
 
$( "p" ).on( "click", function( event ) {
  event.stopPropagation();
  // Do something
});