Méthode jQuery mouseleave()
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().