JavaScript-da Event obyekti bilan ishlash asoslari

Ushbu darsda biz Event obyekti bilan ishlash asoslarini o'rganamiz. Ushbu obyekt sodir bo'lgan hodisa haqida ma'lumotni o'z ichiga oladi. Masalan, agar element ustida bosish amalga oshirilgan bo'lsa, biz bosishning koordinatalarini, bosish paytida Ctrl, Alt yoki Shift tugmalari bosilganligini va hokazolarni bilib olishimiz mumkin.

Keling, Event obyektini qanday olishni ko'rib chiqaylik. Faraz qilaylik, bizda tugma mavjud:

html<button id="elem">matn</button>

Faraz qilaylik, ushbu tugma bosilganda ma'lum bir funktsiya bajariladi:

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

elem.addEventListener('click', function() {

});

Bog'langan funktsiya ichida allaqachon Event obyekti mavjud - biz uni hali qanday olishni bilmaymiz. U quyidagicha olinadi: funktsiyani e'lon qilishda unga har qanday o'zgaruvchini parametr sifatida uzatish kerak (odatda, event - lekin nom har qanday bo'lishi mumkin) va _brauzer avtomatik ravishda Event obyektini ushbu o'zgaruvchiga joylaydi_:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // hodisa obyektini ko'ramiz
});