HTML attribut d’événement onmousemove

Somaire

 Définition et utilisation événement onmousemove

LES BALISES HTML

L'attribut d’événement onmousemove se déclenche lorsque le pointeur de la souris se déplace sur un élément.

Remarque : L'attribut d’événement onmousemove ne peut pas être utilisé avec les éléments : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.

Syntaxe

<element onmousemove="script">  

Valeurs d'attribut

Valeur

Description

script

Le script à exécuter sur onmousemove


Exemple Exécuter un JavaScript lorsque vous déplacez le pointeur de la souris sur une image :

Sélectionner le code

  <!DOCTYPE html>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>HTML demo</title>
  <script>
  function smallImage(x)
  {
  x.style.height="64px";
  x.style.width="64px";
  }
  function normalImage(x)
  {
  x.style.height="120px";
  x.style.width="120px";
  }
  </script>
  </head>
  <body>
  <img onmousemove= "smallImage(this)" onmouseout="normalImage(this)" border="0"
  src= "http://www.oujood.com/images/apprendre.png" alt="Smiley" width="120"
  height="120">
  <p>La fonction mallImage () est déclenchée lorsque l'utilisateur déplacé le
  pointeur de la souris sur l'image. Cette fonction permet de réduire la taille de
  l'image. </ P>
  <p> La fonction normalImage() est déclenchée lorsque le pointeur de la souris
  est déplacé hors de l'image. Cette fonction redéfinit la hauteur et la largeur de
  l'image à la normale. </ P>
  </body>
  </html>
    
 

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut d'événement onmousemove est pris en charge dans tous les principaux navigateurs.


Différences entre HTML 4.01 et HTML5

Aucune.


cours precedent Retour à la Liste attribut d'événement 

    
Accueil du site


Par carabde 10 mars 2014