Exemple
Exécuter un script JavaScript lors du déplacement du pointeur de la souris sur une image:
<img onmouseenter="bigImg(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 OnMouseEnter 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 OnMouseLeave événement qui se produit lorsque le pointeur de la souris est déplacé hors d'un élément.
Astuce: L'événement OnMouseEnter est similaire à l' onmouseover événement. La seule différence est que l'événement OnMouseEnter 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 | |||||
|---|---|---|---|---|---|
| onmouseenter | 30,0 | 5.5 | Oui | 6.1 | 11.5 |
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .onmouseenter=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("mouseenter", 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 les événements onMouseMove, OnMouseEnter et Mouseover:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div
onmouseover="myOverFunction()">
<p id="demo3">I will
demonstrate onmouseover!</p>
</div>
Essayez vous - même » <Object Event