クリックイベントが親要素にバブリングするのを停止する:
$("span").click(function(event){
event.stopPropagation();
alert("The span element was clicked.");
});
$("p").click(function(event){
alert("The p element was clicked.");
});
$("div").click(function(){
alert("The div element was
clicked.");
});
Try it Yourself »
event.stopPropagation() メソッドは、親要素へのイベント・バブリングを停止し、親のイベントハンドラが実行されないようにします。
チップ: event.isPropagationStopped() メソッドは、このメソッドがイベントに対して呼び出されたかどうかを確認するために使用します。
event.stopPropagation()
パラメータ | 説明 |
---|---|
event | 必須。event パラメータは、function にバインドしたイベント |