Omadus event.target

Omadus event.target sisaldab elementi, millel sündmus toimus. See ei ole see element, millele sündmuse käitleja oli seotud, vaid just kõige sügavama pesastusega silt, millele otse näiteks klõpsuti.

Süntaks

javascriptevent.target;

Näide

Olgu meil div ja selle sees lõik. Seome sündmuse div-ile, kuid klõpsame lõigul - sel juhul sisaldab event.target lõpp-silti, kus sündmus toimus - see tähendab lõiku, mitte div-i. Veendume selles kasutades tagName:

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

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

div.addEventListener('click', function(event) {
  console.log(event.target); // väljastab viite lõigule
});

Vaata ka