Vlastnost event.target

Vlastnost event.target obsahuje element, na kterém došlo k události. Není to ten element, ke kterému byl navázán handler této události, ale právě ten nejhlubší tag, na který byl přímo, například, proveden klik.

Syntaxe

javascriptevent.target;

Příklad

Předpokládejme, že máme div a uvnitř něj odstavec. Navážeme událost na div, ale klikneme na odstavec - v tomto případě bude event.target obsahovat konečný tag, ve kterém došlo k události - tedy odstavec, a ne div. Přesvědčme se o tom pomocí tagName:

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

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

div.addEventListener('click', function(event) {
  console.log(event.target); // vypne odkaz na odstavec
});

Viz také