HTML attribut d'événement onmouseout

Somaire

Définition et utilisation événement onmouseout

LES BALISES HTML

L'attribut d'événement onmouseout se déclenche lorsque le pointeur de la souris quitte un élément.

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

Syntaxe

<element onmouseout="script">

Valeurs d'attribut

Valeur

Description

script

Le script à exécuter sur onmouseout


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éduir 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 onmouseout 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