Свойство event.target

Свойство event.target ҳодиса ишлайдиган элементни ўз ичига олади. Бу ҳодиса богланган элемент эмас, балки масалан, bosilgan энг чукур тег бўлади.

Синтаксис

javascriptevent.target;

Мисол

Фарз қилайлик, бизда div бор, унинг ичида эса абзац. Ҳодисани дивга боглаймиз, лекин абзац устига босамиз - бу ҳолда event.target да ҳодиса юз берган oxirги тег бўлади - яъни абзац, див эмас. Буни tagName ёрдамида исботлаймиз:

html<div id="div">
  <p>матн</p>
</div>
javascriptlet div = document.querySelector('#div');

div.addEventListener('click', function(event) {
  console.log(event.target); // абзацга ҳаволани чиқаради
});

Қараш

  • свойство event.currentTarget,
    ҳодиса богланган элементни ўз ичига олувчи
  • свойство code,
    босилган тугма кодини олувчи
  • свойство event.key,
    киритилган символни олувчи