Ejemplo
Cambiar el color de fondo de la <div> elemento (un antepasado del <button> elemento):
$("div").on("click", "button", function(event){
$(event.delegateTarget).css("background-color",
"pink");
}); Inténtalo tú mismo " Definición y Uso
El event.delegateTarget propiedad devuelve el elemento donde estaba conectada la llamada actualmente controlador de eventos de jQuery.
Esta propiedad es útil para eventos delegados unidos por la on() método, en el que el controlador de eventos está unido en un ancestro del elemento que se está procesando.
Consejo: event.delegateTarget es igual a event.currentTarget , si el evento está directamente enlazado a un elemento y no se produce delegación (véase el ejemplo siguiente).
Sintaxis
event.delegateTarget
| Parámetro | Descripción |
|---|---|
| event | Necesario. El parámetro de evento viene de la función de enlace de evento |
Inténtelo usted mismo - Ejemplos
Diferencia entre delegateTarget y currentTarget con la delegación
Mostrar la diferencia entre delegateTarget y currentTarget cuando se produce delegación.
El delegateTarget y currentTarget son iguales para eventos directamente unidos
Muestran que delegateTarget y currentTarget son iguales para eventos directamente unidos.