Événement onmouseout

Événements DOM MouseEvent

Définition et utilisation

Un événement onmouseout se produit lorsque le curseur de la souris quitte un élément ou l'un de ses éléments enfants.

Astuce :Cet événement est généralement utilisé avec Événement onmouseoverUtilisés ensemble, cet événement se produit lorsque le curseur se déplace vers un élément ou l'un de ses éléments enfants.

Exemple

Exemple 1

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

<img onmouseout="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 surmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Je vais démontrer surmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Je vais démontrer surmouseout!</p>
</div>

Essayez-le vous-même

Syntaxe

Dans HTML :

<element onmouseout="myScript">

Essayez-le vous-même

Dans JavaScript :

object.onmouseout = function(){myScript};

Essayez-le vous-même

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

object.addEventListener("mouseout", 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 : Support
Annulable : Support
Types d'événements : MouseEvent
Étiquettes 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

Prise en charge du navigateur

Événements Chrome IE Firefox Safari Opera
onmouseout Support Support Support Support Support
Événements DOM MouseEvent