Eienskap event.target

Die eienskap event.target bevat die element waarop die gebeurtenis plaasgevind het. Dit is nie die element waaraan die gebeurtenishandler gebind was nie, maar presies die diepste tag waarop direk, byvoorbeeld, 'n klik uitgevoer is.

Sintaksis

event.target;

Voorbeeld

Gestel ons het 'n div, en daarbinne 'n paragraaf. Laat ons 'n gebeurtenis aan die div bind, maar klik op die paragraaf - in hierdie geval sal event.target die finale tag bevat waar die gebeurtenis plaasgevind het - dit wil sê die paragraaf, en nie die div nie. Laat ons hiervan oortuig raak met behulp van tagName:

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

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

div.addEventListener('click', function(event) {
	console.log(event.target); // sal 'n verwysing na die paragraaf uitvoer
});

Kyk ook

die eienskap event.currentTarget,
wat die element bevat waaraan die gebeurtenis gebind is
die eienskap code,
wat die kode van die gedrukte sleutel verkry
die eienskap event.key,
wat die ingevoerde simbool verkry