jquery事件中的stopPropagation和stopImmediatePropagation
博客专区 > bingguo 的博客 > 博客详情
jquery事件中的stopPropagation和stopImmediatePropagation
bingguo 发表于4年前
jquery事件中的stopPropagation和stopImmediatePropagation
  • 发表于 4年前
  • 阅读 11
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

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

共有 人打赏支持
粉丝 0
博文 7
码字总数 2193
评论 (0)
×
bingguo
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: