Méthode jQuery mouseleave()

❮ Méthodes d'événement jQuery

Exemple

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

$("p").mouseleave(function(){
  $("p").css("background-color", "gray");
});

Définition et utilisation

L'événement mouseleave se produit lorsque le pointeur de la souris quitte l'élément sélectionné.

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

Remarque : Contrairement à l' événement mouseout , l'événement mouseleave ne se déclenche que lorsque le pointeur de la souris quitte les éléments sélectionnés. L'événement mouseout est déclenché si le pointeur de la souris quitte un élément enfant en plus de l'élément sélectionné. Voir l'exemple à la fin de la page pour une démonstration.

Astuce : Cet événement est souvent utilisé avec l' événement mouseenter .


Syntaxe

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

$(selector).mouseleave()

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

$(selector).mouseleave(function)

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

Essayez-le vous-même - Exemples


Montre la différence entre mouseleave() et mouseout().


❮ Méthodes d'événement jQuery