Esempio
Esegui un JavaScript quando si sposta il puntatore del mouse su un <div> elemento:
<div onmousemove="myFunction()">Move the cursor over me</div>
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
L'evento onMouseMove si verifica quando il puntatore si muove mentre si trova sopra un elemento.
Supporto browser
| Evento | |||||
|---|---|---|---|---|---|
| onmousemove | sì | sì | sì | sì | sì |
Sintassi
In HTML:
In JavaScript:
object .onmousemove=function(){ Prova tu stesso " In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("mousemove", myScript );
Prova tu stesso " Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
| bolle: | sì |
|---|---|
| cancelable: | sì |
| Tipo di evento: | MouseEvent |
| tag HTML supportati: | Tutti gli elementi HTML, ad eccezione di: <base>, <BDO>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title> |
| DOM Versione: | Livello 2 Eventi |
Altri esempi
Esempio
Questo esempio dimostra la differenza tra gli eventi onMouseMove, OnMouseEnter e 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>
Prova tu stesso " Esempio
Questo esempio dimostra la differenza tra l'onMouseMove, onMouseLeave e onmouseout eventi:
<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>
Prova tu stesso " <Oggetto evento