Événement onmouseout
Exemple
Exécutez un JavaScript lorsque vous déplacez le pointeur de la souris hors d'une image :
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement onmouseout se produit lorsque le pointeur de la souris est déplacé hors d'un élément ou hors de l'un de ses enfants.
Astuce : cet événement est souvent utilisé avec l' événement onmouseover , qui se produit lorsque le pointeur est déplacé sur un élément ou sur l'un de ses enfants.
Prise en charge du navigateur
| Event | |||||
|---|---|---|---|---|---|
| onmouseout | Yes | Yes | Yes | Yes | Yes |
Syntaxe
En HTML :
<element onmouseout="myScript">
En Javascript :
object.onmouseout = function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
object.addEventListener("mouseout", myScript);
Remarque : La méthode addEventListener() n'est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
| Bulles: | Oui |
|---|---|
| Annulable : | Oui |
| Type d'événement: | SourisEvénement |
| Balises HTML compatibles : | Tous les éléments HTML, SAUF : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> et <title> |
| Version DOM : | Événements de niveau 2 |
Plus d'exemples
Exemple
Cet exemple montre la différence entre les événements onmousemove, onmouseleave et onmouseout :
<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>