jQuery 基礎チュートリアル

jQuery エフェクト

jQuery 操作メソッド

jQuery 過渡

jQuery Ajax

jQuery 業務

jQueryのリファレンスマニュアル

jQueryの効果メソッド jQueryのイベント

jQuery event.delegateTarget 属性

jQueryのイベント

event.delegateTarget属性は、現在のjQueryイベントハンドラが追加された要素を返します。

この属性はon()デリゲートイベントに追加されたメソッドの中で最も役立つ、イベントハンドラを処理する要素の祖先にイベントハンドラを追加するイベントです。例えば、デリゲートポイントでイベントハンドラを識別および削除するために使用できます。

注意：イベントが直接要素にバインドされており、委派が発生していない場合、event.delegateTargetはevent.currentTarget（以下の例を参照してください）。

文法：

event.delegateTarget

例

どのDIV内のボタンをクリックした場合、DIVの背景色を赤に変更します：

例

$("div").on("click", "button", function(event){
　　$(event.delegateTarget).css("background"-color",　"red");
});

テストを見て‹/›

デリゲートが発生したときのdelegateTargetとcurrentTargetの違いを表示します：

例

$("body").on("click",　"button",　function(event){
　　let　dt　=　event.delegateTarget;
　　let　ct　=　event.currentTarget;
　　$("p").html("delegateTarget:　"　+　dt.nodeName　+　"<br>currentTarget:　"　+　ct.nodeName);
});

テストを見て‹/›

直接バインドされたイベントに対して、delegateTargetとcurrentTargetは同じです：

例

$("button").on("click",　function(event){
　　let　dt　=　event.delegateTarget;
　　let　ct　=　event.currentTarget;
　　$("p").html("delegateTarget:　"　+　dt.nodeName　+　"<br>currentTarget:　"　+　ct.nodeName);
});

テストを見て‹/›

パラメータの値

パラメータ	説明
event	このイベントのパラメータはイベントバインド機能から来ています

jQueryのイベント

jQueryの効果メソッド jQueryのイベント