Event.target

Esta tradução está incompleta. Ajude atraduzir este artigo.

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

Specification Status Comment
DOM
The definition of 'Event.target' in that specification.
Living Standard  
DOM4
The definition of 'Event.target' in that specification.
Recommendation  
Document Object Model (DOM) Level 2 Events Specification
The definition of 'Event.target' in that specification.
Recommendation Initial definition

Compatibilidade do navegador

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)

Notas de compatibilidade

No IE 6-8 o modelo de evento é diferente. Os listeners de eventos são anexados com o método EventTarget.attachEvent não padrão. Neste modelo, o objeto de evento tem uma propriedade Event.srcElement, em vez da propriedade de destino, e tem a mesma semântica que event.target.

function hide(e) {
  // Support IE6-8
  var target = e.target || e.srcElement;
  target.style.visibility = 'hidden';
}

Veja também

Etiquetas do documento e colaboradores

Etiquetas: 
 Colaboradores desta página: LucasRuy
 Última atualização por: LucasRuy,