Maison > Article > interface Web > jQuery : utilisation et définition de l'événement mouseleave
Présentation
L'événement mouseleave se produit lorsque le pointeur de la souris quitte un élément. Cet événement est le plus souvent utilisé conjointement avec l'événement mouseenter.
Contrairement à l'événement mouseout, l'événement mouseleave ne sera déclenché que lorsque le pointeur de la souris quittera l'élément sélectionné. Si le pointeur de la souris quitte un élément enfant, l'événement mouseout sera également déclenché.
Paramètres
fnFunctionV1.0
La fonction de traitement liée dans l'événement mouseleave de chaque élément correspondant.
[data],fnString,FunctionV1.4.3
data:mouseleave([Data], fn) peut transmettre des données à la fonction fn à traiter.
fn : La fonction de gestionnaire liée à l'événement mouseleave de chaque élément correspondant.
Exemple
Description :
Changer la couleur d'arrière-plan de l'élément lorsque le pointeur de la souris quitte l'élément ::
jQuery Code :
$("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4"); });
Exemple
Changer la couleur de fond de l'élément lorsque le pointeur de la souris quitte l'élément :
$("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4"); });
Définition et usage
Quand le pointeur de la souris quitte l'élément En quittant un élément, l'événement mouseleave se produit.
Cet événement est le plus souvent utilisé avec l'événement mouseenter.
La méthode mouseleave() déclenche l'événement mouseleave ou spécifie une fonction à exécuter lorsque l'événement mouseleave se produit.
Remarque : Contrairement à l'événement mouseout, l'événement mouseleave ne sera déclenché que lorsque le pointeur de la souris quitte l'élément sélectionné. Si le pointeur de la souris quitte un élément enfant, l'événement mouseout sera également déclenché. Voir l'exemple ci-dessous pour une démonstration.
Essayez-le vous-même : la différence entre mouseleave et mouseout
Déclencher l'événement mouseleave
Syntaxe
$(selector).mouseleave()
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!