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
