Propriedade event.delegateTarget do jQuery

Eventos do jQuery

A propriedade event.delegateTarget do jQuery retorna o elemento adicionado ao manipulador de eventos jQuery atual.

Esta propriedade emon()Muito útil para eventos delegados adicionados ao método, onde o manipulador de eventos é anexado ao ancestral do elemento a ser tratado. Por exemplo, pode ser usado para identificar e remover manipuladores de eventos no ponto de delegação.

Atenção:Se o evento estiver diretamente vinculado ao elemento e não houver delegação, event.delegateTarget é igual aevent.currentTargetVeja o exemplo a seguir).

Sintaxe:

event.delegateTarget

Exemplo

Quando clicar em qualquer botão dentro de um DIV, altere a cor de fundo do DIV para vermelho:

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

Exibir a diferença entre delegateTarget e currentTarget quando o.delegate ocorre:

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

Exibir que para eventos diretamente ligados, delegateTarget e currentTarget são iguais:

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

Valor do Parâmetro

Eventos do jQuery