Proprietà event.target

La proprietà event.target contiene l'elemento su cui è stato attivato l'evento. Questo non è l'elemento a cui era legato il gestore dell'evento, ma proprio il tag più profondo su cui è stato, ad esempio, effettuato un click.

Sintassi

event.target;

Esempio

Supponiamo di avere un div, e al suo interno un paragrafo. Colleghiamo l'evento al div, ma clicchiamo sul paragrafo - in questo caso event.target conterrà il tag finale in cui è accaduto l'evento - cioè il paragrafo, non il div. Verifichiamolo utilizzando tagName:

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

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

div.addEventListener('click', function(event) {
	console.log(event.target); // visualizzerà il riferimento al paragrafo
});

Vedi anche

proprietà event.currentTarget,
che contiene l'elemento a cui è associato l'evento
proprietà code,
che ottiene il codice del tasto premuto
proprietà event.key,
che ottiene il carattere inserito