javascript - jquery事件中的stopPropagation和stopImmediatePropagation有什么区别
ringa_lee
ringa_lee 2017-04-10 12:42:17
[JavaScript讨论组]

如题,看文档中说前者是阻止事件冒泡,后者是阻止所有被定义handler响应。

那么是否可以这么理解,stopPropagation是在原生的DOM事件中阻止了事件向后传递,而stopImmediatePropagation是直接cancel掉了你在jQuery上定义的handler。两者的区别就是,一个在DOM上stop,一个在jQuery里stop?那么stopPropagation岂不是就把stopImmediatePropagation的功能包括了,还需要设计后者干嘛?

ringa_lee
ringa_lee

ringa_lee

全部回复(1)
伊谢尔伦

请看文档里对event.stopImmediatePropagation()的描述:

Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.

从这里可以看出,stopImmediatePropagation做了两件事情:
第一件事:阻止 绑定在事件触发元素的 其他同类事件的callback的运行,看他下面的例子就很明白:

$("p").click(function(event) {
  event.stopImmediatePropagation();
});
$("p").click(function(event) {
  // 不会执行以下代码
  $(this).css("background-color", "#f00");
});

第二件事,阻止事件传播到父元素,这跟stopPropagation的作用是一样的。

所以文档里面还有这么一句话:

.. this method also stops the bubbling by implicitly calling event.stopPropagation().

意思是说其实这个方法是调用了stopPropagation()方法的。

stopImmediatePropagation比stopPropagation多做了第一件事情,这就是他们之间的区别

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号