当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

JQuery event.stopPropagation()用法及代码示例


用法 
event.stopPropagation() => undefined

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

  • 添加的版本：1.0event.stopPropagation()

    • 此方法不接受任何参数。

我们可以使用event.isPropagationStopped() 来确定是否曾经调用过这个方法(在那个事件对象上)。

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

请注意，这不会阻止其他处理程序on the same element 运行。

其他注意事项：

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

例子：

杀死点击事件的冒泡。

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

相关用法


注：本文由纯净天空筛选整理自jquery.com大神的英文原创作品 event.stopPropagation()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。