mouseenter
Misol
Sichqoncha ko‘rsatkichi rasm ustiga olib kelinganda funksiyani chaqiring:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
onmouseenter hodisasi sichqoncha ko‘rsatkichi elementga kirganda sodir bo‘ladi.
onmouseenter hodisasi ko‘pincha sichqoncha ko‘rsatkichi elementdan chiqqanda sodir bo‘ladigan onmouseleave hodisasi bilan birga ishlatiladi.
onmouseenter hodisasi onmouseover hodisasiga o‘xshaydi. Farqi shundaki, onmouseenter 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("mouseenter", 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, onmouseenter va mouseover hodisalari orasidagi farqni ko‘rsatadi:
<div onmousemove="myMoveFunction()">
<p id="demo1">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">I will demonstrate onmouseover!</p>
</div>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
onmouseenter — 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!