La propiedad event.target

La propiedad event.target contiene el elemento en el que se disparó el evento. Este no es el elemento al que estaba vinculado el controlador de este evento, sino específicamente la etiqueta más profunda en la que directamente se hizo, por ejemplo, un clic.

Sintaxis

event.target;

Ejemplo

Supongamos que tenemos un div, y dentro de él un párrafo. Vincularemos un evento al div, pero haremos clic en el párrafo - en este caso event.target contendrá la etiqueta final en la que ocurrió el evento - es decir, el párrafo, no el div. Verifiquemos esto usando tagName:

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

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

div.addEventListener('click', function(event) {
	console.log(event.target); // mostrará una referencia al párrafo
});

Véase también

la propiedad event.currentTarget,
que contiene el elemento al que está vinculado el evento
la propiedad code,
que obtiene el código de la tecla presionada
la propiedad event.key,
que obtiene el carácter introducido