Maison >interface Web >js tutoriel >jQuery : Utilisation et définition de l'événement mouseout

jQuery : Utilisation et définition de l'événement mouseout

黄舟
黄舟original
2017-06-28 11:25:241211parcourir

Présentation

Lier une fonction de traitement à l'événement mouseout de chaque élément correspondant.

L'événement mouseout sera déclenché une fois que la souris quitte l'élément

Paramètres

fnFunctionV1.0

Lier dans l'événement mouseout de chaque traitement d'élément correspondant fonction.

[data],fnString,FunctionV1.4.3

data:mouseout([Data], fn) peut transmettre des données à la fonction fn pour les traiter.

fn : La fonction de gestionnaire liée à l'événement mouseout de chaque élément correspondant.

Exemple

Description :

Changer la couleur de fond d'un élément lorsque la souris s'en éloigne :

jQuery Code :

$("p").mouseout(function(){ $("p").css("background-color","#E9E9E4"); });

Exemple

Changer la couleur de fond de l'élément lorsque la souris s'éloigne de l'élément :

$("p").mouseout(function(){
  $("p").css("background-color","#E9E9E4");
});

Définition et usage

L'événement mouseout se produit lorsque le pointeur de la souris s'éloigne d'un élément.

Cet événement est le plus souvent utilisé avec l'événement mouseover.

La méthode mouseout() déclenche un événement mouseout ou spécifie une fonction à exécuter lorsqu'un événement mouseout se produit.

Remarque : contrairement à l'événement mouseleave, l'événement mouseout sera déclenché si le pointeur de la souris quitte l'élément sélectionné ou tout élément enfant. L'événement mouseleave n'est déclenché que lorsque le pointeur de la souris quitte l'élément sélectionné. Voir l'exemple ci-dessous pour une démonstration.

Déclencher l'événement mouseout

Syntaxe

$(selector).mouseout()

Lier une fonction à l'événement mouseout

Syntaxe

$(selector).mouseout(function)

Paramètres Description

fonction                 Facultatif. Spécifie une fonction à exécuter lorsqu'un événement mouseout se produit.

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