Événement onmouseleave

Événements DOM MouseEvent

Définition et utilisation

Lorsque le pointeur de la souris quitte l'élément, l'événement onmouseleave se déclenche.

Astuce :Cet événement est généralement utilisé avec Événement onmouseenterUtilisés ensemble, ils se produisent lorsque le pointeur de la souris se déplace sur l'élément.

Astuce : L'événement onmouseleave est similaire à Événement onmouseout.La seule différence est que l'événement onmouseleave ne bubbling pas (ne s'étend pas à la hiérarchie des documents supérieurs). Consultez plus d'exemples en bas de la page.

Exemple

Exemple 1

Exécutez du JavaScript lorsque le pointeur de la souris quitte l'image :

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">

Essayez-le vous-même

Exemple 2

Cet exemple montre la différence entre les événements onmousemove, onmouseleave et onmouseout :

<div onmousemove="myMoveFunction()">
  <p id="demo">Je vais démontrer avec onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Je vais démontrer avec onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Je vais démontrer avec onmouseout!</p>
</div>

Essayez-le vous-même

Syntaxe

Dans HTML :

<element onmouseleave="myScript">

Essayez-le vous-même

En JavaScript :

object.onmouseleave = function(){myScript};

Essayez-le vous-même

En JavaScript, utilisez la méthode addEventListener() :

object.addEventListener("mouseleave", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 et versions antérieures ne prennent pas en charge Méthode addEventListener().

Détails techniques

Bubbling : Non pris en charge
Annulable : Non pris en charge
Types d'événements : MouseEvent
Balises HTML prises en charge : 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

Navigateur pris en charge

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge complètement cet événement.

Événements Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 Support 6.1 11.5
Événements DOM MouseEvent