Exemplo
Mude a cor do fundo <div> elemento (um ancestral do <button> elemento):
$("div").on("click", "button", function(event){
$(event.delegateTarget).css("background-color",
"pink");
}); Tente você mesmo " Definição e Uso
O event.delegateTarget propriedade retorna o elemento onde o atualmente chamado de manipulador de eventos jQuery foi anexado.
Esta propriedade é útil para eventos delegados ligados pelo on() método, onde o manipulador de eventos está ligado a um ancestral do elemento a ser processado.
Dica: event.delegateTarget é igual a event.currentTarget , se o evento está directamente com destino a um elemento e nenhuma delegação ocorre (veja exemplo abaixo).
Sintaxe
event.delegateTarget
| Parâmetro | Descrição |
|---|---|
| event | Requeridos. O parâmetro do evento vem da função de ligação evento |
Tente você mesmo - Exemplos
Diferença entre delegateTarget e currentTarget com a delegação
Mostrar a diferença entre delegateTarget e currentTarget quando delegação ocorre.
O delegateTarget e currentTarget são iguais para eventos diretamente ligados
Mostram que delegateTarget e currentTarget são iguais para eventos diretamente ligados.