Az event.target tulajdonság

Az event.target tulajdonság tartalmazza azt az elemet, ahol az esemény bekövetkezett. Ez nem az az elem, amelyhez az eseménykezelő volt hozzárendelve, hanem pontosan az a legmélyebben elhelyezkedő tag, amire közvetlenül rákattintottak például.

Szintaxis

event.target;

Példa

Tegyük fel, van egy div-ünk, és benne egy bekezdés. Rendeljünk eseményt a div-hez, de kattintsunk a bekezdésre - ebben az esetben az event.target a végtagot fogja tartalmazni, ahol az esemény bekövetkezett - vagyis a bekezdést, nem a div-et. Győződjünk meg erről az tagName segítségével:

<div id="div">
	<p>szöveg</p>
</div>

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

div.addEventListener('click', function(event) {
	console.log(event.target); // a bekezdésre mutató hivatkozást írja ki
});

Lásd még

a(z) event.currentTarget tulajdonság,
amely tartalmazza azt az elemet, amelyhez az esemény hozzá van kötve
a(z) code tulajdonság,
amely megkapja a lenyomott billentyű kódját
a(z) event.key tulajdonság,
amely megkapja a beírt karaktert