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:
<button id="elem">matn</button>
Faraz qilaylik, ushbu tugma bosilganda ma'lum bir funktsiya bajariladi:
let 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_:
elem.addEventListener('click', function(event) {
console.log(event); // hodisa obyektini ko'ramiz
});
Ta'kidlangan amallarni mustaqil ravishda bajaring va hodisa obyektini konsolga chiqaring. Ushbu obyektning tuzilishini o'rganing.
