Méthode jQuery mouseover()

❮ Méthodes d'événement jQuery

Exemple

Définissez la couleur d'arrière-plan sur jaune, lorsque le pointeur de la souris se trouve sur un élément <p> :

$("p").mouseover(function(){
  $("p").css("background-color", "yellow");
});

Définition et utilisation

L'événement mouseover se produit lorsque le pointeur de la souris se trouve sur l'élément sélectionné.

La méthode mouseover() déclenche l'événement mouseover ou attache une fonction à exécuter lorsqu'un événement mouseover se produit.

Remarque : Contrairement à l' événement mouseenter , l'événement mouseover se déclenche si le pointeur de la souris entre dans un élément enfant en plus de l'élément sélectionné. L'événement mouseenter n'est déclenché que 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.

Conseil : cet événement est souvent utilisé avec l' événement mouseout .


Syntaxe

Déclenchez l'événement mouseover pour les éléments sélectionnés :

$(selector).mouseover()

Attachez une fonction à l'événement mouseover :

$(selector).mouseover(function)

Parameter Description
function Optional. Specifies the function to run when the mouseover event is triggered

Essayez-le vous-même - Exemples


la différence entre mouseover(), mouseenter() et mousemove().


❮ Méthodes d'événement jQuery