Egenskaben event.target

Egenskaben event.target indeholder elementet, som begivenheden blev udløst på. Dette er ikke det element, som håndteringen af denne begivenhed var bundet til, men netop det mest nestede tag, som der direkte blev klikket på, for eksempel.

Syntaks

event.target;

Eksempel

Lad os sige, at vi har en div, og inde i den en afsnit. Vi binder en begivenhed til div'en, men klikker på afsnittet - i dette tilfælde vil event.target indeholde det endelige tag, hvor begivenheden skete - det vil sige afsnittet, og ikke div'en. Lad os overbevise os selv om dette ved hjælp af tagName:

<div id="div">
	<p>tekst</p>
</div>

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

div.addEventListener('click', function(event) {
	console.log(event.target); // vil udskrive en reference til afsnittet
});

Se også

egenskaben event.currentTarget,
som indeholder elementet, som begivenheden er bundet til
egenskaben code,
som henter koden for den trykkede tast
egenskaben event.key,
som henter det indtastede tegn