Événement onmouseover
❮ Événements DOM ❮ Événement Souris
Exemple
Exécute un JavaScript lors du déplacement du pointeur de la souris sur une image :
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement onmouseover se produit lorsque le pointeur de la souris est déplacé sur un élément ou sur l'un de ses enfants.
Conseil : cet événement est souvent utilisé avec l' événement onmouseout , qui se produit lorsqu'un utilisateur déplace le pointeur de la souris hors d'un élément.
Prise en charge du navigateur
Event | |||||
---|---|---|---|---|---|
onmouseover | Yes | Yes | Yes | Yes | Yes |
Syntaxe
En HTML :
<element onmouseover="myScript">
En Javascript :
object.onmouseover = function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
object.addEventListener("mouseover", myScript);
Remarque : La méthode addEventListener() n'est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
Bulles: | Oui |
---|---|
Annulable : | Oui |
Type d'événement: | SourisEvénement |
Balises HTML compatibles : | 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 |
Plus d'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>
❮ Événements DOM ❮ Événement Souris