jQuery event.delegateTarget Property

❮ jQuery-gebeurtenismethoden

Voorbeeld

Verander de achtergrondkleur van het <div> element (een voorouder van het <button> element):

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

Definitie en gebruik

De eigenschap event.delegateTarget retourneert het element waaraan de huidige jQuery-gebeurtenishandler was gekoppeld.

Deze eigenschap is handig voor gedelegeerde gebeurtenissen die zijn gekoppeld met de  methode on() , waarbij de gebeurtenishandler is gekoppeld aan een voorouder van het element dat wordt verwerkt.

Tip: event.delegateTarget is gelijk aan event.currentTarget , als de gebeurtenis direct aan een element is gebonden en er geen delegatie plaatsvindt (zie voorbeeld hieronder).


Syntaxis

event.delegateTarget

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

Probeer het zelf - Voorbeelden


Toon het verschil tussen delegateTarget en currentTarget wanneer delegatie plaatsvindt.


. Laat zien dat delegateTarget en currentTarget gelijk zijn voor direct gebonden events.


❮ jQuery-gebeurtenismethoden