HTML attribut d'événement onmouseover

Définition et utilisation événement onmouseover

LES BALISES HTML

L'attribut onmouseover se déclenche lorsque le pointeur de la souris se déplace sur un élément.

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

Syntaxe

Valeurs d'attribut

Valeur	Description
script	Le script à exécuter sur onmouseover

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

Exemple : 📋 Copier 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  onmouseover="smallImage(this)" onmouseout="normalImage(this)" border="0"
  src="https://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>