Attribut jQuery event.delegateTarget

Événements jQuery

L'attribut event.delegateTarget retourne l'élément ajouté par l'événement jQuery appelé actuellement.

Cette propriété danson()La méthode la plus utile pour ajouter des événements délégués, l'événement qui ajoute le gestionnaire d'événements sur l'ascendant de l'élément à traiter. Par exemple, il peut être utilisé pour identifier et supprimer les gestionnaires d'événements au point de délégation.

Remarque :Si l'événement est directement lié à l'élément et qu'il n'y a pas eu de délégation, event.delegateTarget équivaut àevent.currentTargetVoir l'exemple ci-dessous).

Syntaxe :

event.delegateTarget

Exemple

Lorsque vous cliquez sur un bouton dans n'importe quel DIV, changez la couleur de fond du DIV en rouge :

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

Montrer la différence entre delegateTarget et currentTarget lors de l'activation de la délégation :

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

Montrer que pour les événements directement liés, delegateTarget et currentTarget sont égaux :

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

Valeur du paramètre

Événements jQuery