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

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

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

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

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

Katso myös