Eigenschap event.target

De eigenschap event.target bevat het element, waar de gebeurtenis heeft plaatsgevonden. Dit is niet het element waaraan de handler van deze gebeurtenis was gebonden, maar precies de diepst geneste tag, waar bijvoorbeeld direct op werd geklikt.

Syntaxis

event.target;

Voorbeeld

Stel we hebben een div, en daarin een alinea. We binden een gebeurtenis aan de div, maar klikken op de alinea - in dit geval zal event.target de uiteindelijke tag bevatten, waar de gebeurtenis plaatsvond - dat wil zeggen de alinea, en niet de div. Laten we dit controleren met tagName:

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

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

div.addEventListener('click', function(event) {
	console.log(event.target); // geeft een verwijzing naar de alinea
});

Zie ook

eigenschap event.currentTarget,
bevat het element waaraan de gebeurtenis is gebonden
eigenschap code,
die de code van de ingedrukte toets verkrijgt
eigenschap event.key,
die het ingevoerde teken verkrijgt