Beispiel
Ändern Sie die Hintergrundfarbe des <div> Element (ein Vorfahre des <button> Element):
$("div").on("click", "button", function(event){
$(event.delegateTarget).css("background-color",
"pink");
}); Versuch es selber " Definition und Verwendung
Die event.delegateTarget Eigenschaft gibt das Element , in dem die aktuell genannte jQuery Event - Handler befestigt war.
Diese Eigenschaft ist für delegierte Ereignisse nützlich durch den beigefügten on() Methode, bei der Event - Handler in einem Vorfahren des Elements angebracht ist , verarbeitet wird.
Tipp: event.delegateTarget gleich event.currentTarget , wenn das Ereignis an ein Element direkt-gebunden ist und keine Delegation auftritt (siehe Beispiel unten).
Syntax
event.delegateTarget
| Parameter | Beschreibung |
|---|---|
| event | Erforderlich. Der Ereignisparameter kommt aus der Ereignisbindungsfunktion |
Probieren Sie es selbst - Beispiele
Der Unterschied zwischen delegateTarget und currentTarget mit Delegation
Zeigen Sie den Unterschied zwischen delegateTarget und currentTarget wenn Delegation auftritt.
Die delegateTarget und currentTarget sind gleich für direkt gebunden Ereignisse
Zeigen Sie, dass delegateTarget und currentTarget für direkt gebunden Ereignisse gleich sind.