jQuery event.delegateTarget Property
Exemplo
Altere a cor de fundo do elemento <div> (um ancestral do elemento <button>):
$("div").on("click", "button", function(event){
$(event.delegateTarget).css("background-color", "pink");
});
Definição e uso
A propriedade event.delegateTarget retorna o elemento onde o manipulador de eventos jQuery chamado atualmente foi anexado.
Essa propriedade é útil para eventos delegados anexados pelo método on() , onde o manipulador de eventos é anexado a um ancestral do elemento que está sendo processado.
Dica: event.delegateTarget é igual a event.currentTarget , se o evento estiver diretamente ligado a um elemento e não ocorrer delegação (veja o exemplo abaixo).
Sintaxe
event.delegateTarget
| Parameter | Description |
|---|---|
| event | Required. The event parameter comes from the event binding function |
Experimente você mesmo - Exemplos
Mostra a diferença entre delegateTarget e currentTarget quando ocorre a delegação.
Mostre que delegateTarget e currentTarget são iguais para eventos diretamente associados.