HTML hodisalar
Global hodisa atributlari
HTML brauzerda hodisalar orqali amallarni bajarish imkonini beradi, masalan, foydalanuvchi elementni bosganda JavaScript’ni ishga tushirish.
Hodisalar bilan dasturlash haqida ko‘proq bilish uchun bizning JavaScript darsligimizga murojaat qiling.
Quyida HTML elementlariga qo‘shib, hodisa amallarini belgilash mumkin bo‘lgan global hodisa atributlari keltirilgan.
Oyna hodisa atributlari
Oyna (window) obyekti uchun sodir bo‘ladigan hodisalar (<body> tegiga tegishli):
| Attribute | Qiymat | Tavsif |
|---|---|---|
| onafterprint | script | Hujjat chop etilgandan keyin ishga tushiriladigan skript |
| onbeforeprint | script | Hujjat chop etilishidan oldin bajariladigan skript |
| onbeforeunload | script | Hujjat yuklab olinayotganda ishga tushiriladigan skript |
| onerror | script | Xatolik yuz berganda ishga tushiriladigan skript |
| onhashchange | script | URL manzilining bog‘lovchi qismiga o‘zgartirishlar kiritilganda ishga tushiriladigan skript |
| onload | script | Sahifa yuklanishi tugagandan keyin ishga tushadi |
| onmessage | script | Xabar ishga tushirilganda ishga tushiriladigan skript |
| onoffline | script | Brauzer oflayn rejimda ishlay boshlaganda ishga tushiriladigan skript |
| ononline | script | Brauzer onlayn ishlay boshlaganda ishga tushiriladigan skript |
| onpagehide | script | Foydalanuvchi sahifadan uzoqlashganda ishga tushiriladigan skript |
| onpageshow | script | Foydalanuvchi sahifaga o‘tganda ishga tushiriladigan skript |
| onpopstate | script | Oyna tarixi o‘zgarganda ishga tushiriladigan skript |
| onresize | script | Brauzer oynasining o‘lchami o‘zgartirilganda ishga tushadi |
| onstorage | script | Veb-saqlash maydoni yangilanganda ishga tushiriladigan skript |
| onunload | script | Sahifadan chiqilgandan so‘ng (yoki brauzer oynasi yopilganda) bir marta ishga tushadi |
Forma hodisalari
HTML formasi ichidagi amallar bilan sodir bo‘ladigan hodisalar (deyarli barcha HTML elementlariga tegishli, lekin ko‘pincha forma elementlarida ishlatiladi):
| Attribute | Qiymat | Tavsif |
|---|---|---|
| onblur | script | Element fokusni yo‘qotgan paytda ishga tushadi |
| onchange | script | Elementning qiymati o‘zgartirilganda ishga tushadi |
| oncontextmenu | script | Kontekst menyusi ishga tushirilganda ishga tushiriladigan skript |
| onfocus | script | Element diqqatni jamlagan paytda ishga tushadi |
| oninput | script | Element foydalanuvchi kiritishini olganida ishga tushiriladigan skript |
| oninvalid | script | Element noto‘g‘ri bo‘lganda ishga tushiriladigan skript |
| onreset | script | Formadagi Reset tugmasi bosilganda ishga tushadi |
| onsearch | script | Foydalanuvchi qidiruv maydoniga biror narsa yozganda ishga tushadi (<input="search"> uchun) |
| onselect | script | Elementda ba’zi matn tanlanganidan keyin ishga tushadi |
| onsubmit | script | Forma yuborilganda ishga tushadi |
Klaviatura hodisalari
| Attribute | Qiymat | Tavsif |
|---|---|---|
| onkeydown | script | Foydalanuvchi tugmani bosib turganda ishga tushadi |
| onkeypress | script | Foydalanuvchi tugmani bosganda ishga tushadi |
| onkeyup | script | Foydalanuvchi tugmani qo‘yib yuborganda ishga tushadi |
Sichqoncha hodisalari
| Attribute | Qiymat | Tavsif |
|---|---|---|
| onclick | script | Element ustiga sichqonchani bosish bilan ishga tushadi |
| ondblclick | script | Element ustiga ikki marta bosish sichqonchada ishga tushadi |
| onmousedown | script | Elementga sichqoncha tugmasi bosilganda ishga tushadi |
| onmousemove | script | Sichqoncha ko‘rsatkichi element ustida turganda harakatlanayotganda ishga tushadi |
| onmouseout | script | Sichqoncha ko‘rsatkichi elementdan tashqariga chiqqanda ishga tushadi |
| onmouseover | script | Sichqoncha ko‘rsatkichi element ustida harakat qilganda ishga tushadi |
| onmouseup | script | Element ustida sichqoncha tugmasi qo‘yib yuborilganda ishga tushadi |
| onmousewheel | script | Eskirgan. Uning o‘rniga onwheel atributidan foydalaning |
| onwheel | script | Sichqoncha g‘ildiragi element ustida yuqoriga yoki pastga aylanganda ishga tushadi |
Sudrash hodisalari
| Attribute | Qiymat | Tavsif |
|---|---|---|
| ondrag | script | Element sudralganda ishga tushiriladigan skript |
| ondragend | script | Drag operatsiyasi oxirida ishga tushiriladigan skript |
| ondragenter | script | Element to‘g‘ri tushirish maqsadiga tortilganda ishga tushiriladigan skript |
| ondragleave | script | Element yaroqli tushirish maqsadini tark etganda ishga tushiriladigan skript |
| ondragover | script | Elementni to‘g‘ri tushirish nishoni ustiga sudrab olayotganda ishga tushiriladigan skript |
| ondragstart | script | Drag operatsiyasining boshida ishga tushiriladigan skript |
| ondrop | script | Skript sudrab olingan element tushirilganda ishga tushiriladi |
| onscroll | script | Elementning aylantirish paneli aylantirilayotganda ishga tushiriladigan skript |
Bufer hodisalari
| Attribute | Qiymat | Tavsif |
|---|---|---|
| oncopy | script | Foydalanuvchi element mazmunini nusxalashda ishga tushadi |
| oncut | script | Foydalanuvchi element tarkibini kesganda ishga tushadi |
| onpaste | script | Foydalanuvchi biror elementga ba’zi tarkibni joylashtirganda ishga tushadi |
Media hodisalari
Video, tasvir va ovoz kabi medianlar bilan sodir bo‘ladigan hodisalar (barcha HTML elementlariga tegishli, lekin ko‘pincha media elementlarida uchraydi, masalan <audio>, <embed>, <img>, <object> va <video>).
Maslahat: Qo‘shimcha ma’lumot olish uchun bizning HTML audio va video DOM ma’lumotnomamizga qarang.
| Attribute | Qiymat | Tavsif |
|---|---|---|
| onabort | script | To‘xtatilganda (abort) ishga tushadigan skript |
| oncanplay | script | Fayl ijroni boshlashga tayyor bo‘lganda (ijroni boshlash uchun yetarlicha buferlanganda) ishga tushadigan skript |
| oncanplaythrough | script | Buferlash uchun pauza qilmasdan, fayl oxirigacha o‘ynatilsa, ishga tushiriladigan skript |
| oncuechange | script | <track> elementida ishora o‘zgarganda ishga tushiriladigan skript |
| ondurationchange | script | Media uzunligi o‘zgarganda ishga tushiriladigan skript |
| onemptied | script | Nimadir noto‘g‘ri ketib, fayl birdan mavjud bo‘lmay qolganda (masalan, kutilmaganda uzilib qolganda) ishga tushadigan skript |
| onended | script | Ommaviy axborot vositalari tugashi bilan ishga tushiriladigan skript ("tinglaganingiz uchun rahmat" kabi xabarlar uchun foydali voqea) |
| onerror | script | Fayl yuklanayotganda xatolik yuz berganda ishga tushiriladigan skript |
| onloadeddata | script | Media ma’lumotlari yuklanganda ishga tushiriladigan skript |
| onloadedmetadata | script | Metama’lumotlar (masalan, o‘lchamlar va davomiylik) yuklanganda ishga tushadigan skript |
| onloadstart | script | Skript, xuddi biror narsa yuklanishidan oldin fayl yuklana boshlaganda ishga tushiriladi |
| onpause | script | Media foydalanuvchi tomonidan yoki dasturiy tarzda to‘xtatilganda ishga tushiriladigan skript |
| onplay | script | Media o‘ynashni boshlashga tayyor bo‘lganda ishga tushiriladigan skript |
| onplaying | script | Ommaviy axborot vositalari o‘ynay boshlaganda ishga tushiriladigan skript |
| onprogress | script | Brauzer media ma’lumotlarini olish jarayonida bo‘lganda ishga tushiriladigan skript |
| onratechange | script | Ijro tezligi har safar o‘zgarganda (masalan, foydalanuvchi sekinlashtirilgan yoki tezlashtirilgan rejimga o‘tganda) ishga tushadigan skript |
| onseeked | script | Qidiruv atributi "false" qiymatiga o‘rnatilgan bo‘lsa, qidiruv tugaganligini bildiruvchi skript ishga tushiriladi |
| onseeking | script | Search atributi "true" ga o‘rnatilganda ishga tushiriladigan skript qidiruv faolligini bildiradi |
| onstalled | script | Brauzer biron sababga ko‘ra media ma’lumotlarini ololmasa, ishga tushiriladigan skript |
| onsuspend | script | Media ma’lumotlarini olishda ishga tushiriladigan skript har qanday sababga ko‘ra to‘liq yuklanishidan oldin to‘xtatiladi |
| ontimeupdate | script | Ijro joylashuvi o‘zgarganda (masalan, foydalanuvchi mediani boshqa nuqtaga tez o‘tkazganda) ishga tushadigan skript |
| onvolumechange | script | Ovoz balandligi har o‘zgartirilganda ishga tushiriladigan skript (tovushni "o‘chirish" ga o‘rnatishni o‘z ichiga oladi) |
| onwaiting | script | Media pauza qilingan, lekin davom etishi kutilayotganda (masalan, ko‘proq ma’lumotni buferlash uchun to‘xtaganda) ishga tushadigan skript |
Turli hodisalar
| Attribute | Qiymat | Tavsif |
|---|---|---|
| ontoggle | script | Foydalanuvchi <details> elementini ochganda yoki yopganda ishga tushadi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!