Exemple
Exécuter un script JavaScript lors du déplacement du pointeur de la souris sur une image:
<img onmouseover="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 onmouseover se produit lorsque le pointeur de la souris est déplacée sur un élément ou sur l'un de ses enfants.
Astuce: Cet événement est souvent utilisé conjointement avec le onmouseout événement qui se produit lorsqu'un utilisateur déplace le pointeur de la souris sur un élément.
Support du navigateur
| un événement | |||||
|---|---|---|---|---|---|
| onmouseover | Oui | Oui | Oui | Oui | Oui |
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .onmouseover=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("mouseover", 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: | Oui |
|---|---|
| cancelable: | Oui |
| 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