event.stopImmediatePropagation()

event.stopImmediatePropagation() 1.3追加

このメソッドが実行された以降のイベントハンドラを全てキャンセルし、合わせてDOMツリーのイベント伝搬もキャンセルします。

デモ

他のイベントハンドラーをキャンセルします。

<!DOCTYPE html>
<html>
<head>
<style>
  p { height: 30px; width: 150px; background-color: #ccf; }
  div {height: 30px; width: 150px; background-color: #cfc; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>P要素</p>
<div>DIV要素</div>
<script>
$("p").click(function(event){
  event.stopImmediatePropagation();
});
$("p").click(function(event){
  //stopImmediatePropagationの影響で実行されません。
  $(this).css("background-color", "#f00");
});

$("div").click(function(event) {
  //こちらは影響を受けないので、実行されます。
  $(this).css("background-color", "#f00");
});
</script>
</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM