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

javascriptevent.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:

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

javascriptlet 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