A propriedade event.target

A propriedade event.target contém o elemento no qual o evento foi disparado. Este não é o elemento ao qual o manipulador desse evento foi vinculado, mas sim a tag mais aninhada na qual foi, por exemplo, feito um clique diretamente.

Sintaxe

javascriptevent.target;

Exemplo

Suponha que temos um div, e dentro dele um parágrafo. Vamos vincular um evento à div, mas clicar no parágrafo - neste caso, o event.target irá conter a tag final onde o evento ocorreu - ou seja, o parágrafo, e não a div. Vamos verificar isso usando tagName:

html<div id="div">
  <p>texto</p>
</div>

javascriptlet div = document.querySelector('#div');

div.addEventListener('click', function(event) {
  console.log(event.target); // exibirá a referência ao parágrafo
});

Veja também