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

Jun 27, 2017 pm 01:23 PM
jquery 定义

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>
Copier après la connexion

jQuery Code :

$("p").focusout(function() { $(this).find("span").css('display','inline').fadeOut(1000); });
Copier après la connexion

Exemple

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

$(&quot;div&quot;).focusout(function(){
$(this).css(&quot;background-color&quot;,&quot;#FFFFFF&quot;);
});
Copier après la connexion

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 de ce site Web
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

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Qu'est-ce que Discuz ? Définition et introduction aux fonctions de Discuz Qu'est-ce que Discuz ? Définition et introduction aux fonctions de Discuz Mar 03, 2024 am 10:33 AM

Qu'est-ce que Discuz ? Définition et introduction aux fonctions de Discuz

Comment utiliser la méthode de requête PUT dans jQuery ? Comment utiliser la méthode de requête PUT dans jQuery ? Feb 28, 2024 pm 03:12 PM

Comment utiliser la méthode de requête PUT dans jQuery ?

La définition et la fonction de la clé primaire composite MySQL La définition et la fonction de la clé primaire composite MySQL Mar 15, 2024 pm 05:18 PM

La définition et la fonction de la clé primaire composite MySQL

Comment supprimer l'attribut height d'un élément avec jQuery ? Comment supprimer l'attribut height d'un élément avec jQuery ? Feb 28, 2024 am 08:39 AM

Comment supprimer l'attribut height d'un élément avec jQuery ?

Introduction aux interfaces PHP et comment les définir Introduction aux interfaces PHP et comment les définir Mar 23, 2024 am 09:00 AM

Introduction aux interfaces PHP et comment les définir

Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page Feb 28, 2024 pm 09:06 PM

Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page

Utilisez jQuery pour modifier le contenu textuel de toutes les balises Utilisez jQuery pour modifier le contenu textuel de toutes les balises Feb 28, 2024 pm 05:42 PM

Utilisez jQuery pour modifier le contenu textuel de toutes les balises

Comment personnaliser les icônes d'application sur iPhone sous iOS 17.4 Comment personnaliser les icônes d'application sur iPhone sous iOS 17.4 Mar 15, 2024 pm 01:43 PM

Comment personnaliser les icônes d'application sur iPhone sous iOS 17.4

See all articles