mousemove
Misol
Sichqoncha ko‘rsatkichi <div> elementi ustida harakatlantirilganda funksiyani chaqiring:
<div onmousemove="myFunction()">Move the cursor over me</div>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
onmousemove hodisasi ko‘rsatkich element ustida harakatlanganda sodir bo‘ladi.
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("mousemove", 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, 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 »
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
onmousemove — 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!