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
event.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:
<div id="div">
<p>text</p>
</div>
let div = document.querySelector('#div');
div.addEventListener('click', function(event) {
console.log(event.target); // vypne odkaz na odstavec
});
Viz také
-
vlastnost
event.currentTarget,
obsahující element, ke kterému je událost navázána -
vlastnost
code,
které získá kód stisknuté klávesy -
vlastnost
event.key,
které získá zadaný znak
