Event.target
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
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