Evento onmousemove

Eventi DOM MouseEvent

Definizione e uso

L'evento onmousemove si verifica quando il puntatore si muove sull'elemento .

Esempio

Esempio 1

Esegui JavaScript quando il mouse è sopra l'elemento <div>:

<div onmousemove="myFunction()">Muovi il cursore su di me</div>

Prova tu stesso

Esempio 2

Questo esempio dimostra la differenza tra gli eventi onmousemove, onmouseenter e mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">Vi dimostrerò su onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Vi dimostrerò su onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Vi dimostrerò su onmouseover!</p>
</div>

Prova tu stesso

Esempio 3

Questo esempio dimostra la differenza tra gli eventi onmousemove, onmouseleave e onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">Vi dimostrerò su onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Vi dimostrerò su onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Vi dimostrerò su onmouseout!</p>
</div>

Prova tu stesso

Sintassi

In HTML:

<elemento onmousemove="myScript">

Prova tu stesso

In JavaScript:

oggetto.onmousemove = function(){myScript};

Prova tu stesso

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("mousemove", myScript);

Prova tu stesso

Nota:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener().

Dettagli tecnici

Bubbling: Supporto
Cancellabile: Supporto
Tipi di eventi: MouseEvent
Etichette HTML supportate: Tutti gli elementi HTML, eccetto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title>
Versione DOM: Eventi livello 2

Supporto browser

Eventi Chrome IE Firefox Safari Opera
onmousemove Supporto Supporto Supporto Supporto Supporto
Eventi DOM MouseEvent