jQuery event.delegateTarget- Eigenschaft
Beispiel
Ändern Sie die Hintergrundfarbe des <div>-Elements (ein Vorfahre des <button>-Elements):
$("div").on("click", "button", function(event){
$(event.delegateTarget).css("background-color", "pink");
});
Definition und Verwendung
Die Eigenschaft event.delegateTarget gibt das Element zurück, an dem der aktuell aufgerufene jQuery-Ereignishandler angehängt wurde.
Diese Eigenschaft ist nützlich für delegierte Ereignisse, die von der on() -Methode angehängt werden, wobei der Ereignishandler an einen Vorfahren des verarbeiteten Elements angehängt wird.
Tipp: event.delegateTarget ist gleich event.currentTarget , wenn das Ereignis direkt an ein Element gebunden ist und keine Delegierung stattfindet (siehe Beispiel unten).
Syntax
event.delegateTarget
Parameter | Description |
---|---|
event | Required. The event parameter comes from the event binding function |
Probieren Sie es selbst aus - Beispiele
Zeigen Sie den Unterschied zwischen „delegateTarget“ und „currentTarget“, wenn eine Delegierung stattfindet.
delegateTarget“ und „currentTarget“ gleich. Zeigen Sie, dass „delegateTarget“ und „currentTarget“ bei direkt gebundenen Ereignissen gleich sind.