Ominaisuus event.target

Ominaisuus event.target sisältää elementin, jossa tapahtuma laukesi. Tämä ei ole se elementti, johon tapahtuman käsittelija oli sidottu, vää nimenomaan syvin tagi, johon suoraan tehtiin, esimerkiksi, klikkaus.

Syntaksi

event.target;

Esimerkki

Oletetaan, että meillä on div, ja sen sisällä kappale. Sidotaan tapahtuma diviin, mutta klikataan kappaletta - tässä tapauksessa event.target tulee sisältämään lopullisen tagin, jossa tapahtuma tapahtui - eli kappaleen, eikä diviä. Varmistetaan tämä käyttämällä tagName:

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

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

div.addEventListener('click', function(event) {
	console.log(event.target); // tulostaa viittauksen kappaleeseen
});

Katso myös

ominaisuus event.currentTarget,
sisältää elementin, johon tapahtuma on sidottu
ominaisuus code,
joka saa painetun näppäimen koodin
ominaisuus event.key,
joka saa syötetyn merkin