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.

// 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

Compatibilidade do navegador

BCD tables only load in the browser

Veja também