OUJOOD.COM
Définition et utilisation événement onmouseout
LES BALISES HTMLL'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 :
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 onmousemove="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> </html>
Appui de navigateur
L'attribut d'événement onmouseout est pris en charge dans tous les principaux navigateurs.
Différences entre HTML 4.01 et HTML5
Aucune.
Par carabde 10 mars 2014