mouseleave
Misol
Sichqoncha ko‘rsatkichi rasmdan olib chiqilganda funksiyani chaqiring:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
onmouseleave hodisasi sichqoncha ko‘rsatkichi elementdan chiqqanda sodir bo‘ladi.
onmouseleave hodisasi ko‘pincha sichqoncha ko‘rsatkichi elementga kirganda sodir bo‘ladigan onmouseenter hodisasi bilan birga ishlatiladi.
onmouseleave hodisasi onmouseout 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("mouseleave", myScript);
O‘zingiz sinab ko‘ring »
Texnik tafsilotlar
| Ko‘tariladimi (bubbles): | Yo‘q |
|---|---|
| Bekor qilish mumkinmi: | Yo‘q |
| 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="demo1">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
onmouseleave — 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!