Exemple
Exécuter un script JavaScript lors du déplacement du pointeur de la souris sur une image:
<img onmouseleave="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 OnMouseLeave se produit lorsque le pointeur de la souris est déplacée sur un élément.
Astuce: Cet événement est souvent utilisé conjointement avec le OnMouseEnter événement qui se produit lorsque le pointeur de la souris est déplacé sur un élément.
Astuce: L'événement OnMouseLeave est similaire à l' onmouseout événement. La seule différence est que l'événement OnMouseLeave ne bouillonne pas (does not propagate up the document hierarchy) se (does not propagate up the document hierarchy) . Voir "More Examples" en bas de cette page pour mieux comprendre les différences.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.
| un événement | |||||
|---|---|---|---|---|---|
| onmouseleave | 30,0 | 5.5 | Oui | 6.1 | 11.5 |
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .onmouseleave=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("mouseleave", 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: | Non |
|---|---|
| cancelable: | Non |
| 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