Sifat event.target

Sifat event.target mengandungi elemen, yang mencetuskan peristiwa. Ini bukan elemen yang pengendali peristiwa ini diikatkan, tetapi sebenarnya tag paling dalam, yang secara langsung, contohnya, diklik.

Sintaks

javascriptevent.target;

Contoh

Katakan kita ada div, dan di dalamnya ada perenggan. Ikatkan peristiwa kepada div, tetapi klik perenggan - dalam kes ini event.target akan mengandungi tag akhir, di mana peristiwa berlaku - iaitu perenggan, bukan div. Mari kita pastikan ini dengan menggunakan tagName:

html<div id="div">
  <p>teks</p>
</div>
javascriptlet div = document.querySelector('#div');

div.addEventListener('click', function(event) {
  console.log(event.target); // akan memaparkan rujukan kepada perenggan
});

Lihat juga

  • sifat event.currentTarget,
    mengandungi elemen yang peristiwa diikatkan kepadanya
  • sifat code,
    yang mendapatkan kod kekunci yang ditekan
  • sifat event.key,
    yang mendapatkan aksara yang dimasukkan