Maison > interface Web > Questions et réponses frontales > Comment ajouter un événement de focus perdu dans jquery

Comment ajouter un événement de focus perdu dans jquery

WBOY
Libérer: 2022-01-14 11:12:34
original
1844 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode flou() pour ajouter un événement de perte de focus. Cette méthode est utilisée pour spécifier que l'événement de flou se produit lorsque l'élément perd le focus, ou si le paramètre de fonction est défini, cette méthode peut également spécifier. l'événement à exécuter lorsque l'élément perd le focus Code, la syntaxe est "$(selector).blur()".

Comment ajouter un événement de focus perdu dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment ajouter un événement de perte de focus dans jquery

L'événement de flou se produit lorsqu'un élément perd le focus. La fonction

blur() déclenche l'événement de flou, ou si le paramètre de fonction est défini, la fonction peut également spécifier le code à exécuter lorsque l'événement de flou se produit.

Déclenchez l'événement de flou de l'élément sélectionné.

La syntaxe est la suivante :

$(selector).blur()
Copier après la connexion

Spécifie la fonction à exécuter lorsque l'événement de flou de l'élément sélectionné se produit.

La syntaxe est :

$(selector).blur(function)
Copier après la connexion

L'exemple est le suivant :

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>
</head>
<body>
<input type="text" />
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment ajouter un événement de focus perdu dans jquery

Recommandation de didacticiel vidéo associé : Tutoriel vidéo jQuery

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal