Vlastnosť event.target
Vlastnosť event.target obsahuje prvok,
na ktorom sa udalosť spustila. Nie je to ten prvok,
ku ktorému bol priradený spracovateľ
tejto udalosti, ale práve ten najhlbší tag,
na ktorý bol napríklad priamo
vykonaný klik.
Syntax
event.target;
Príklad
Nech máme div a v ňom odsek.
Priradíme udalosť k divu, ale klikneme na odsek
- v tomto prípade event.target bude
obsahovať konečný tag, v ktorom sa stala
udalosť - teda odsek, nie div. Presvedčíme sa
o tom pomocou tagName:
<div id="div">
<p>text</p>
</div>
let div = document.querySelector('#div');
div.addEventListener('click', function(event) {
console.log(event.target); // vypíše odkaz na odsek
});
Pozrite tiež
-
vlastnosť
event.currentTarget,
ktorá obsahuje prvok, ku ktorému je priradená udalosť -
vlastnosť
code,
ktorá získava kód stlačeného tlačidla -
vlastnosť
event.key,
ktorá získava zadaný znak
