Qaysi turdagi voqealar (eventlar) mavjud?

Ko'p turdagi voqealar mavjud, ammo eng keng tarqalganlari kategoriyalarga ajratilishi mumkin:

• Foydalanuvchi interfeysi voqealari:

  • click: Element ustiga sichqoncha bilan bosish.
  • dblclick: Element ustiga ikki marta bosish.
  • mousedown: Sichqoncha tugmasini bosish (uni qo'yishdan oldin).
  • mouseup: Sichqoncha tugmasini qo'yish.
  • mousemove: Sichqoncha ko'rsatkichi element ustida harakatlanishi.
  • mouseover: Sichqoncha ko'rsatkichi element ustiga o'tishi.
  • mouseout: Sichqoncha ko'rsatkichi elementdan chiqishi.
  • mouseenter: Sichqoncha ko'rsatkichi elementga kirishi (bolalar elementlardan tarqalmaydi).
  • mouseleave: Sichqoncha ko'rsatkichi elementdan chiqishi (bolalar elementlardan tarqalmaydi).
  • contextmenu: O'ng tugma bilan kontekst menyusini chaqirish.

• Klaviatura voqealari:

  • keydown: Klaviatura tugmasini bosish (qo'yishdan oldin).
  • keyup: Klaviatura tugmasini qo'yish.
  • keypress: Klaviatura tugmasini bosish va ushlab turish, harfli kirish ma'lumotlarini yaratadi. (Eskirgan, keydown va keyup tavsiya etiladi).

• Forma voqealari:

  • submit: Forma yuborish.
  • change: Forma elementining qiymatini o'zgartirish (masalan, <input>, <select>, <textarea>).
  • input: Forma elementining qiymatini, uning mazmuni interaktiv ravishda o'zgarganda o'zgartirish.
  • focus: Element fokus oladi.
  • blur: Element fokusdan chiqadi.
  • cut: Mazmunni kesish.
  • copy: Mazmunni nusxalash.
  • paste: Mazmunni joylashtirish.

• Yuklash va xato voqealari:

  • load: Resursning yuklanishi tugallandi (masalan, rasm, skript, sahifa).
  • unload: Sahifadan chiqish.
  • beforeunload: Sahifani tark etishga urinish (tasdiqlash dialogini ko'rsatishga imkon beradi).
  • error: Resursni yuklash yoki skriptni bajarish paytida xato yuz berdi.

• Fokus voqealari (FocusEvent):

  • focusin: Element yoki uning har qanday bolalar elementi fokus oladi.
  • focusout: Element yoki uning har qanday bolalar elementi fokusdan chiqadi.

• Qaytarish voqealari:

  • scroll: Elementni skroll qilish.

• Sensorli qurilmalar uchun tegish voqealari:

  • touchstart: Barmoq ekran bilan aloqa qiladi.
  • touchend: Barmoq ekran bilan aloqa qilishdan chiqadi.
  • touchmove: Barmoq ekran bo'ylab harakatlanadi.
  • touchcancel: Tegish voqeasi to'xtatildi (masalan, tizim menyusini chaqirish sababli).

• Drag va Drop voqealari:

  • dragstart: Drag boshlanishi.
  • drag: Element drag qilinmoqda.
  • dragend: Drag tugadi.
  • dragenter: Element ruxsat etilgan tashlab yuborish zonasiga drag qilindi.
  • dragleave: Element ruxsat etilgan tashlab yuborish zonasidan chiqarildi.
  • dragover: Element ruxsat etilgan tashlab yuborish zonasiga drag qilindi (tugmasini to'xtatish uchun standart xatti-harakatni bekor qilish talab qilinadi).
  • drop: Element ruxsat etilgan tashlab yuborish zonasiga tashlandi.

• Brauzer tarixiga oid voqealar:

  • popstate: Navigatsiya paytida faol tarix yozuvi o'zgardi (masalan, "Orqaga/Oldinga" tugmasini bosish).

• Oyna o'lchamini o'zgartirish voqealari:

  • resize: Brauzer oynasining o'lchami o'zgartirildi.

Bu to'liq ro'yxat emas, ammo veb-ishlab chiqishda eng ko'p uchraydigan va muhim voqea turlarini qamrab oladi. Ularning maqsadi va xatti-harakatlarini tushunish, interaktiv veb-ilovalar yaratishda muhimdir.