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

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

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

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

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

Vedi anche