HTML hodisalar

DOM hodisalari JavaScript’ga HTML elementlariga hodisa tinglovchisi yoki hodisa ishlovchilarini qo‘shish imkonini beradi.

Hodisalar haqidagi darslik uchun JavaScript hodisalari darsligimizni o‘qing.

Misollar

HTML’da onclick — hodisa tinglovchisi, myFunction — hodisa ishlovchisi:

<button onclick="myFunction()">Click me</button>

JavaScript’da click — hodisa, myFunction — hodisa ishlovchisi:

button.addEventListener("click", myFunction);

Hodisa	Qachon sodir bo‘ladi	Tegishli obyekt
abort	Media yuklanishi bekor qilinadi	UiEvent, Event
afterprint	Sahifa chop etila boshladi	Event
animationend	CSS animatsiyasi tugadi	AnimationEvent
animationiteration	CSS animatsiyasi takrorlandi	AnimationEvent
animationstart	CSS animatsiyasi boshlandi	AnimationEvent
beforeprint	Sahifa chop etilish arafasida	Event
beforeunload	Hujjat yopilishidan (unload) oldin	UiEvent, Event
blur	Element fokusni yo‘qotadi	FocusEvent
canplay	Brauzer mediani ijro etishni boshlay oladi (boshlash uchun yetarlicha buferlagan)	Event
canplaythrough	Brauzer mediani buferlash uchun to‘xtamasdan oxirigacha ijro eta oladi	Event
change	Forma elementining tarkibi o‘zgardi	Event
click	Element bosiladi	MouseEvent
contextmenu	Kontekst menyusini ochish uchun element o‘ng tugma bilan bosiladi	MouseEvent
copy	Element tarkibidan nusxa olinadi	ClipboardEvent
cut	Element tarkibi qirqib olinadi	ClipboardEvent
dblclick	Element ikki marta bosiladi	MouseEvent
drag	Element sudralmoqda	DragEvent
dragend	Elementni sudrash tugadi	DragEvent
dragenter	Sudralayotgan element tashlash nishoniga kiradi	DragEvent
dragleave	Sudralayotgan element tashlash nishonidan chiqadi	DragEvent
dragover	Sudralayotgan element tashlash nishoni ustida turibdi	DragEvent
dragstart	Elementni sudrash boshlandi	DragEvent
drop	Sudralayotgan element nishonga tashlanadi	DragEvent
durationchange	Media davomiyligi o‘zgaradi	Event
ended	Media oxiriga yetdi ("tinglaganingiz uchun rahmat")	Event
error	Faylni yuklashda xato yuz berdi	ProgressEvent, UiEvent, Event
focus	Element fokus oladi	FocusEvent
focusin	Element fokus olish arafasida	FocusEvent
focusout	Element fokusni yo‘qotish arafasida	FocusEvent
fullscreenchange	Element to‘liq ekran rejimida ko‘rsatiladi	Event
fullscreenerror	Elementni to‘liq ekran rejimida ko‘rsatib bo‘lmaydi	Event
hashchange	URL’ning langar qismida o‘zgarishlar bo‘ldi	HashChangeEvent
input	Element foydalanuvchidan kiritma oladi	InputEvent, Event
invalid	Element yaroqsiz	Event
keydown	Tugma bosilgan holatda	KeyboardEvent
keypress	Tugma bosiladi	KeyboardEvent
keyup	Tugma qo‘yib yuboriladi	KeyboardEvent
load	Obyekt yuklandi	UiEvent, Event
loadeddata	Media ma’lumotlari yuklanadi	Event
loadedmetadata	Metama’lumotlar (o‘lchamlar va davomiylik kabi) yuklanadi	Event
loadstart	Brauzer ko‘rsatilgan mediani qidirishni boshlaydi	ProgressEvent
message	Hodisa manbasi orqali xabar qabul qilinadi	Event
mousedown	Element ustida sichqoncha tugmasi bosiladi	MouseEvent
mouseenter	Ko‘rsatkich element ustiga olib kelinadi	MouseEvent
mouseleave	Ko‘rsatkich elementdan olib chiqiladi	MouseEvent
mousemove	Ko‘rsatkich element ustida harakatlantiriladi	MouseEvent
mouseover	Ko‘rsatkich element ustiga olib kelinadi	MouseEvent
mouseout	Ko‘rsatkich elementdan olib chiqiladi	MouseEvent
mouseup	Foydalanuvchi element ustida sichqoncha tugmasini qo‘yib yuboradi	MouseEvent
mousewheel	Eskirgan. Uning o‘rniga wheel hodisasidan foydalaning	WheelEvent
offline	Brauzer oflayn ishlay boshlaydi	Event
online	Brauzer onlayn ishlay boshlaydi	Event
open	Hodisa manbasi bilan ulanish ochiladi	Event
pagehide	Foydalanuvchi veb-sahifadan boshqa sahifaga o‘tadi	PageTransitionEvent
pageshow	Foydalanuvchi veb-sahifaga o‘tadi	PageTransitionEvent
paste	Elementga qandaydir kontent joylashtiriladi	ClipboardEvent
pause	Media pauza qilinadi	Event
play	Media boshlandi yoki endi pauzada emas	Event
playing	Media pauza yoki buferlashdan keyin ijro etilmoqda	Event
popstate	Oyna tarixi o‘zgaradi	PopStateEvent
progress	Brauzer media ma’lumotlarini yuklab olmoqda	Event
ratechange	Media ijro tezligi o‘zgaradi	Event
resize	Hujjat ko‘rinishining o‘lchami o‘zgaradi	UiEvent, Event
reset	Forma qayta tiklanadi (reset)	Event
scroll	Aylantirish paneli aylantirilmoqda	UiEvent, Event
search	Qidiruv maydoniga nimadir yoziladi	Event
seeked	Mediadagi yangi joyga o‘tish tugadi	Event
seeking	Mediadagi yangi joyga o‘tish boshlandi	Event
select	Foydalanuvchi biror matnni belgilaydi	UiEvent, Event
show	<menu> elementi kontekst menyusi sifatida ko‘rsatiladi	Event
stalled	Brauzer mavjud bo‘lmagan media ma’lumotlarini olishga urinmoqda	Event
storage	Web Storage maydoni yangilanadi	StorageEvent
submit	Forma yuboriladi	Event
suspend	Brauzer media ma’lumotlarini ataylab olmayapti	Event
timeupdate	Ijro joylashuvi o‘zgardi (foydalanuvchi mediadagi boshqa nuqtaga o‘tadi)	Event
toggle	Foydalanuvchi <details> elementini ochadi yoki yopadi	Event
touchcancel	Teginish uziladi	TouchEvent
touchend	Barmoq sensorli ekrandan olinadi	TouchEvent
touchmove	Barmoq ekran bo‘ylab suriladi	TouchEvent
touchstart	Barmoq sensorli ekranga qo‘yiladi	TouchEvent
transitionend	CSS o‘tishi (transition) tugadi	TransitionEvent
unload	Sahifa yopildi (unload)	UiEvent, Event
volumechange	Media ovoz balandligi o‘zgaradi (ovozni o‘chirish ham kiradi)	Event
waiting	Media to‘xtatilgan, lekin davom etishi kutilmoqda (masalan, buferlash)	Event
wheel	Sichqoncha g‘ildiragi element ustida yuqoriga yoki pastga aylantiriladi	WheelEvent

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish