jQuery event.stopPropagation()メソッド

❮jQueryイベントメソッド

クリックイベントが親要素にバブリングするのを停止します。

$("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.");
});

定義と使用法

event.stopPropagation()メソッドは、親要素へのイベントのバブリングを停止し、親イベントハンドラーが実行されないようにします。

ヒント:event.isPropagationStopped()メソッドを使用して、このメソッドがイベントに対して呼び出されたかどうかを確認します。


構文

event.stopPropagation()

Parameter Description
event Required. The event parameter comes from the event binding function

❮jQueryイベントメソッド