您好,匿名用户
随意问技术百科期待您的加入

jquery事件中的stopPropagation和stopImmediatePropagation有什么区别

0 投票

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

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

用户头像 提问 2012年 12月1日 @ Poppy 上等兵 (395 威望)
分享到:

1个回答

0 投票
 
最佳答案

请看文档里对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多做了第一件事情,这就是他们之间的区别

用户头像 回复 2012年 12月1日 @ Ziggs 上等兵 (345 威望)
选中 2012年 12月1日 @Poppy
提一个问题:

相关问题

+1 投票
1 回复 43 阅读
用户头像 提问 2012年 12月1日 @ Amumu 上等兵 (340 威望)
0 投票
1 回复 40 阅读
用户头像 提问 2012年 12月1日 @ Malphite 上等兵 (306 威望)
0 投票
1 回复 48 阅读
用户头像 提问 2012年 12月1日 @ Leona 上等兵 (279 威望)
0 投票
1 回复 32 阅读
用户头像 提问 2013年 9月7日 @ 卫宫士郎 上等兵 (173 威望)
0 投票
1 回复 31 阅读
用户头像 提问 2012年 12月1日 @ Xin Zhao 上等兵 (320 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...