☰

stopPropagation と stopImmediatePropagation の違い 質問する

tag-icon • tag-icon javascript jquery
stopPropagation と stopImmediatePropagation の違い 質問する

event.stopPropagation()との違いは何ですかevent.stopImmediatePropagation()?

ベストアンサー1

stopPropagation親ハンドラが実行されないようにしますstopImmediatePropagation。親ハンドラと他のハンドラの実行も防止します。

簡単な例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>

ここではイベント バインディングの順序が重要であることに注意してください。

$("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>

おすすめ記事