Exemple
Réglez la couleur de fond jaune, lorsque le pointeur de la souris est sur une <p> élément:
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});
Essayez - le vous - même » Définition et utilisation
Le mouseover événement se produit lorsque le pointeur de la souris se trouve sur l'élément sélectionné.
Le mouseover() méthode déclenche l' mouseover événement ou attache une fonction à exécuter quand un mouseover événement se produit.
Remarque: Contrairement au mouseenter événement, le mouseover événement déclenche si un pointeur de la souris entre les éléments enfants, ainsi que l'élément sélectionné.Le mouseenter événement est uniquement déclenché lorsque le pointeur de la souris entre dans l'élément sélectionné. Voir l'exemple à la fin de la page pour une démonstration.
Astuce: Cet événement est souvent utilisé conjointement avec le mouseout événement.
Syntaxe
Déclencher le mouseover événement pour les éléments sélectionnés:
$(selector).mouseover()
Try it
Joindre une fonction au mouseover événement:
$(selector).mouseover(function)
Try it
| Paramètre | La description |
|---|---|
| function | Optionnel. Indique la fonction à exécuter lorsque le mouseover événement est déclenché |
Essayez-le vous-même - Exemples
La différence entre mouseover(), mouseenter() et mousemove()
Démontre la différence entre mouseover(), mouseenter() et mousemove() .