Méthode jQuery mouseout()

Événements jQuery

La méthode mouseout() déclenche l'événement mouseout, ou vous pouvez attacher une fonction pour qu'elle s'exécute lors de l'événement mouseout.

Un événement mouseout se produit lorsque le pointeur de la souris quitte un élément ou l'un de ses éléments enfants

Vous pourriez penser que mouseout etmouseleaveLes événements sont les mêmes, mais ils ne le sont pas :

• mouseout-Appelées lorsque le pointeur de la souris quitte un élément ou l'un de ses éléments enfants

• mouseleave-Seules appelées lorsque le pointeur de la souris quitte l'élément (voir l'exemple suivant)

La méthode mouseout() est généralement utilisée avecmouseover()Méthodes utilisées ensemble.

Syntaxe :

Déclencher l'événement mouseout de l'élément sélectionné :

$(selector).mouseout()

Attacher la fonction à l'événement mouseout :

$(selector).mouseout(function)

Instance

Changer la couleur de fond lorsque les événements mouseover et mouseout sont déclenchés :

$("p").mouseover(function(){
　　$(this).css("background-"couleur", "yellow");
});
$("p").mouseout(function(){
　　$(this).css("background-"couleur", "lightblue");
});

Cette exemple montre la différence entre mouseleave et mouseout :

Valeur du paramètre

Événements jQuery