Maison  >  Article  >  interface Web  >  jQuery : utilisation et définition de l'événement mouseleave

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

黄舟
黄舟original
2017-06-28 09:57:421198parcourir

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!

Déclaration:
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