stopPropagation与stopImmediatePropagation [英] stopPropagation vs. stopImmediatePropagation

问题描述

event.stopPropagation（）和 event.stopImmediatePropagation（）？

推荐答案

stopPropagation 将阻止任何父处理程序被执行 stopImmediatePropagation 将阻止任何父处理程序以及任何其他处理程序执行

stopPropagation will prevent any parent handlers from being executed stopImmediatePropagation will prevent any parent handlers and also any other handlers from executing

来自 jquery文档：的快速示例

$("p").click(function(event) {
  event.stopImmediatePropagation();
});

$("p").click(function(event) {
  // This function won't be executed
  $(this).css("background-color", "#f00");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>example</p>

注意事件绑定的顺序在这里很重要！

Note that the order of the event binding is important here!

$("p").click(function(event) {
  // This function will now trigger
  $(this).css("background-color", "#f00");
});

$("p").click(function(event) {
  event.stopImmediatePropagation();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>example</p>

这篇关于stopPropagation与stopImmediatePropagation的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！