Egenskapen event.target

Egenskapen event.target inneholder elementet som utløste hendelsen. Dette er ikke det elementet som hendelseshåndtereren var bundet til, men nettopp det dypeste tagget, som direkte ble, for eksempel, klikket på.

Syntaks

event.target;

Eksempel

La oss si vi har en div, og inni den en avsnitt. Vi binder en hendelse til div-en, men klikker på avsnittet - i dette tilfellet vil event.target inneholde det endelige tagget der hendelsen inntraff - det vil si avsnittet, og ikke div-en. La oss overbevise oss om dette ved hjelp av tagName:

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

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

div.addEventListener('click', function(event) {
	console.log(event.target); // vil vise referansen til avsnittet
});

Se også

egenskapen event.currentTarget,
som inneholder elementet som hendelsen er bundet til
egenskapen code,
som henter koden til den trykkede tasten
egenskapen event.key,
som henter det inntastede symbolet