Event.target

Uma referência ao objeto que enviou o evento. É diferente de event.currentTarget quando o manipulador de eventos é chamado durante a fase de borbulhagem ou captura do evento.

Sintaxe

theTarget = event.target

Exemplo

A propriedade event.target pode ser usada para implementar a delegação de eventos.

js
// Assumindo que existe uma variável 'list' contendo uma instância de um elemento ul de HTML.
function hide(e) {
  // A menos que os itens da lista sejam separados por uma margem, e.target deve ser diferente de e.currentTarget
  e.target.style.visibility = "hidden";
}

list.addEventListener("click", hide, false);

// Se algum elemento (elemento <li> ou um link dentro de um elemento <li> por exemplo) for clicado, ele desaparecerá.
// Só requer um único listener para fazer isso.

Especificações

Specification
DOM Standard
# ref-for-dom-event-target③

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também