Événement onmouseenter

Événements DOM MouseEvent

Définition et utilisation

L'événement onmouseenter se déclenche lorsque le pointeur de la souris se déplace sur l'élément.

Astuce :Cet événement est généralement utilisé avec Événement onmouseleaveUtilisés ensemble, cet événement se déclenche lorsque le curseur de la souris sort de l'élément.

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

Exemple

Exemple 1

Exécutez du JavaScript lorsque le curseur de la souris est déplacé sur l'image :

<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">

Essayez-le vous-même

Exemple 2

Cette exemple montre la différence entre les événements onmousemove, onmouseenter et mouseover :

<div onmousemove="myMoveFunction()">
  <p id="demo">Je vais démontrer avec onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Je vais démontrer avec onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Je vais démontrer avec onmouseover!</p>
</div>

Essayez-le vous-même

Syntaxe

Dans HTML :

<element onmouseenter="myScript">

Essayez-le vous-même

En JavaScript :

object.onmouseenter = function(){myScript};

Essayez-le vous-même

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

object.addEventListener("mouseenter", 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
onmouseenter 30.0 5.5 Support 6.1 11.5
Événements DOM MouseEvent