mouseout
Misol
Sichqoncha ko‘rsatkichi rasmdan olib chiqilganda funksiyani chaqiring:
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
onmouseout hodisasi sichqoncha ko‘rsatkichi elementdan chiqqanda sodir bo‘ladi.
onmouseout hodisasi ko‘pincha ko‘rsatkich element ustiga olib kelinganda sodir bo‘ladigan onmouseover hodisasi bilan birga ishlatiladi.
onmouseout hodisasi onmouseleave hodisasiga o‘xshaydi. Farqi shundaki, onmouseleave hodisasi ko‘tarilmaydi (bubble qilmaydi, ya’ni hujjat iyerarxiyasi bo‘ylab yuqoriga tarqalmaydi). Farqlarni yaxshiroq tushunish uchun sahifa pastidagi "Ko‘proq misollar" ga qarang.
Sichqoncha hodisalari
| Hodisa | Qachon sodir bo‘ladi |
|---|---|
| onclick | Foydalanuvchi elementni bosadi |
| oncontextmenu | Foydalanuvchi elementni o‘ng tugma bilan bosadi |
| ondblclick | Foydalanuvchi elementni ikki marta bosadi |
| onmousedown | Element ustida sichqoncha tugmasi bosiladi |
| onmouseenter | Ko‘rsatkich element ustiga olib kelinadi |
| onmouseleave | Ko‘rsatkich elementdan olib chiqiladi |
| onmousemove | Ko‘rsatkich element ustida harakatlanmoqda |
| onmouseout | Sichqoncha ko‘rsatkichi elementdan chiqadi |
| onmouseover | Sichqoncha ko‘rsatkichi element ustiga olib kelinadi |
| onmouseup | Element ustida sichqoncha tugmasi qo‘yib yuboriladi |
Shuningdek qarang:
Darslik:
Sintaksis
JavaScript’da, addEventListener() metodi yordamida:
object.addEventListener("mouseout", myScript);
O‘zingiz sinab ko‘ring »
Texnik tafsilotlar
| Ko‘tariladimi (bubbles): | Ha |
|---|---|
| Bekor qilish mumkinmi: | Ha |
| Hodisa turi: | MouseEvent |
| HTML teglari: | Barcha HTML elementlari, QUYIDAGILARDAN TASHQARI: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> va <title> |
| DOM versiyasi: | Level 2 hodisalari |
Ko‘proq misollar
Misol
Bu misol onmousemove, onmouseleave va onmouseout hodisalari orasidagi farqni ko‘rsatadi:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">I will demonstrate onmouseout!</p>
</div>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
onmouseout — DOM Level 2 (2001) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!