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

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

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

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

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

Zie ook