Maison > interface Web > js tutoriel > le corps du texte

jQuery : utilisation et définition de l'événement mouseleave

黄舟
Libérer: 2017-06-28 09:57:42
original
1198 Les gens l'ont consulté

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"); });
Copier après la connexion

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");
});
Copier après la connexion

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()
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal