Propiedad event.delegateTarget de jQuery

Eventos de jQuery

La propiedad event.delegateTarget de jQuery devuelve el elemento al que se ha agregado el gestor de eventos jQuery en la llamada actual.

Esta propiedad enon()Es muy útil para los eventos delegados adicionados al método, ya que el evento adjunta el gestor de eventos en el ancestro del elemento que se debe procesar. Por ejemplo, se puede usar para identificar y eliminar gestores de eventos en el punto de delegación.

Nota:Si el evento se ha绑定直接到元素且没有发生委派，则event.delegateTarget es igual aevent.currentTarget（Consulte el ejemplo siguiente）。

Sintaxis:

event.delegateTarget

Ejemplo

Al hacer clic en cualquier botón dentro de un DIV, se cambia el color de fondo del DIV a rojo:

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

Mostrar la diferencia entre delegateTarget y currentTarget en el momento del delegado:

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

Mostrar que para los eventos绑定直接，delegateTarget y currentTarget son iguales:

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

Valor de parámetro

Eventos de jQuery