Événement onmousemove

Définition et utilisation

L'événement onmousemove se déclenche lorsque le pointeur se déplace sur l'élément .

Exemple

Exemple 1

Exécutez JavaScript lorsque le curseur est sur l'élément <div> :

<div onmousemove="myFunction()">Déplacez le curseur sur moi</div>

Essayez-le vous-même

Exemple 2

Cet exemple montre la différence entre les événements onmousemove, onmouseenter et mouseover :

<div onmousemove="myMoveFunction()">
  <p id="demo">Je vais démontrer avec onmousemove !</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Je vais démontrer avec onmouseenter !</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Je vais démontrer avec onmouseover !</p>
</div>

Essayez-le vous-même

Exemple 3

Cet exemple montre la différence entre les événements onmousemove, onmouseleave et onmouseout :

<div onmousemove="myMoveFunction()">
  <p id="demo">Je vais démontrer avec onmousemove !</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Je vais démontrer avec onmouseleave !</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Je vais démontrer avec onmouseout !</p>
</div>

Essayez-le vous-même

Syntaxe

Dans HTML :

<element onmousemove="myScript">

Essayez-le vous-même

Dans JavaScript :

object.onmousemove = function(){myScript};

Essayez-le vous-même

Dans JavaScript, utilisez la méthode addEventListener() :

object.addEventListener("mousemove", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 ou versions antérieures ne prennent pas en charge Méthode addEventListener().

Détails techniques

Support du navigateur

Boîte à outils

Manuel de référence JavaScript et HTML DOM

Exemples JavaScript

Quiz JavaScript

Tutoriel JavaScript

Liens de sponsors