Maison > Article > interface Web > Comment lier l'événement de focus perdu à la zone de saisie dans jquery
Comment lier l'événement de focus perdu à la zone de saisie dans jquery
- 青灯夜游original
- 2022-05-25 17:26:233436parcourir
Méthode de liaison : 1. Sélectionnez l'objet élément d'entrée, la syntaxe "$("selector")" renverra un objet jquery contenant l'élément spécifié ; 2. Utilisez blur() pour lier l'événement de focus perdu à l'objet élément, et Spécifiez la fonction de traitement, la syntaxe est "element object.blur(function(){//run code});".
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
Événement de focus perdu de liaison de boîte de saisie dans jquery
1 Utilisez le sélecteur pour sélectionner l'objet d'élément d'entrée
Syntaxe :
$("选择器")Exemple$("input"), vous pouvez sélectionner tous les éléments d'entrée dans le document.
Valeur de retour : renvoie l'objet jquery contenant l'élément d'entrée spécifié
2. Utilisez flou () pour lier l'événement de focus perdu
Utilisez flou () pour lier l'événement de focus perdu à l'élément d'entrée sélectionné et spécifiez l'événement. manipulation Fonction pour définir le code qui doit être exécuté lorsque l'événement est déclenché.
input元素对象.blur(function(){
//运行代码
});Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$("input").blur(function(){
alert("输入框失去了焦点");
});
});
</script>
</head>
<body>
输入你的名字: <input type="text">
<p>在输入框写些东西，然后点击输入框外，让其失去焦点。</p>
</body>
</html>
[Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end]
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!