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!