Exemple
Exécuter un script JavaScript lors du déplacement du pointeur de la souris sur une image:
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
L'événement onmouseout se produit lorsque le pointeur de la souris est déplacée sur un élément, ou de l'un de ses enfants.
Astuce: Cet événement est souvent utilisé conjointement avec le onmouseover événement qui se produit lorsque le pointeur est déplacé sur un élément, ou sur l' un de ses enfants.
Support du navigateur
| un événement | |||||
|---|---|---|---|---|---|
| onmouseout | Oui | Oui | Oui | Oui | Oui |
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .onmouseout=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("mouseout", myScript );
Essayez vous - même » Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
| Bulles: | Oui |
|---|---|
| cancelable: | Oui |
| Type d'événement: | MouseEvent |
| Pris en charge les balises HTML: | Tous les éléments HTML, SAUF: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> et <title> |
| DOM Version: | Niveau 2 Événements |
autres exemples
Exemple
Cet exemple montre la différence entre la onmousemove, OnMouseLeave et onmouseout événements:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div
onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div
onmouseout="myOutFunction()">
<p id="demo3">I will
demonstrate onmouseout!</p>
</div>
Essayez vous - même » <Object Event