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>
© 2010 - 2017 STUDIO KINGDOM