event.target xususiyati

event.target xususiyati hodisa yuz bergan elementni o'z ichiga oladi. Bu hodisa bog'langan element emas, balki to'g'ridan-to'g'ri, masalan, chertib qo'yilgan eng chuqur teqdir.

Sintaksis

javascriptevent.target;

Misol

Faraz qilaylik, bizda div bor va uning ichida abzas bor. Divga hodisa bog'laymiz, lekin abzasni chertamiz - bu holda event.target hodisa yuz bergan yakuniy teqni - ya'ni abzasni, div emas, o'z ichiga oladi. Buni tagName yordamida tekshiramiz:

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

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

div.addEventListener('click', function(event) {
  console.log(event.target); // abzasga havolani chiqaradi
});

Shuningdek qarang