Exemplu
Executați un JavaScript atunci când se deplasează cursorul mouse - ului peste un <div> Element:
<div onmousemove="myFunction()">Move the cursor over me</div>
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Evenimentul onmousemove apare atunci când indicatorul se mișcă în timp ce acesta este de peste un element.
Suport pentru browser-
| Eveniment | |||||
|---|---|---|---|---|---|
| onmousemove | da | da | da | da | da |
Sintaxă
In HTML:
< Încearcă - l singur » În JavaScript:
object .onmousemove=function(){ Încearcă - l singur » În JavaScript, folosind addEventListener() metoda:
object .addEventListener("mousemove", myScript );
Încearcă - l singur » Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.
Detalii tehnice
| Bule: | da |
|---|---|
| anulabil: | da |
| Tip de eveniment: | MouseEvent |
| Tag-uri HTML acceptate: | Toate elementele HTML, cu excepția: <bază>, <BDO>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> și <title> |
| DOM Versiune: | Nivelul 2 Evenimente |
Mai multe exemple
Exemplu
Acest exemplu demonstrează diferența dintre evenimentele onmousemove, onmouseenter și mouseover:
<div onmousemove="myMoveFunction()">
<p id="demo">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>
Încearcă - l singur » Exemplu
Acest exemplu demonstrează diferența dintre onmousemove, onmouseleave si onmouseout evenimente:
<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>
Încearcă - l singur » <Eveniment obiect