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

event.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:

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

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

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

Veja também

a propriedade event.currentTarget,
que contém o elemento ao qual o evento está vinculado
a propriedade code,
que obtém o código da tecla pressionada
a propriedade event.key,
que obtém o caractere inserido