Maison >interface Web >js tutoriel >L'utilisation et la définition de l'événement jQuery focusout

L'utilisation et la définition de l'événement jQuery focusout

黄舟
黄舟original
2017-06-27 13:23:371456parcourir

Présentation

Liez une fonction de gestionnaire à l'événement focusout de chaque élément correspondant.

Cet événement est déclenché lorsqu'un élément, ou n'importe quel élément qu'il contient, perd le focus. La différence entre cet événement et l'événement flou est qu'il peut détecter le moment où l'élément enfant perd le focus sur l'élément parent.

Paramètres

fnFunctionV1.0

La fonction de gestionnaire liée dans l'événement focusout de chaque élément correspondant.

[data],fnString,FunctionV1.4.3

data:focusout([Data], fn) peut transmettre des données pour Fonction de traitement fn.

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

Exemple

Description :

L'animation sera déclenchée après une perte de focus :

Code HTML :

<p><input type="text" /> <span>focusout fire</span></p> <p><input type="password" /> <span>focusout fire</span></p>

jQuery Code :

$("p").focusout(function() { $(this).find("span").css(&#39;display&#39;,&#39;inline&#39;).fadeOut(1000); });

Exemple

Lorsque l'élément dc6dce4a544fdca2df29d5ac0ea9906b ou l'un de ses éléments enfants perd le focus, définissez la couleur d'arrière-plan du dc6dce4a544fdca2df29d5ac0ea9906b ; element :

$("div").focusout(function(){
$(this).css("background-color","#FFFFFF");
});

Définition et utilisation

L'événement focusout se produit lorsqu'un élément (ou tout élément qu'il contient) perd le focus.

La méthode focusout() ajoute une fonction à exécuter lorsque l'événement focusout se produit sur l'élément ou sur n'importe quel élément qu'il contient.

Contrairement à la méthode blur(), la méthode focusout() sera également déclenchée lorsqu'un élément enfant perd le focus.

Astuce : Cette méthode est généralement utilisée avec la méthode focusin().

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