Свойство event.target

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

Синтаксис

event.target;

Мисол

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

<div id="div">
	<p>матн</p>
</div>

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

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

Қараш

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