Maison > Article > interface Web > Comment ajouter un événement de focus perdu dans jquery
Comment ajouter un événement de focus perdu dans jquery
- WBOYoriginal
- 2022-01-14 11:12:341808parcourir
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()".
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()
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)
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>Résultat de sortie :
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!