L'événement "flou" est déclenché lorsqu'un élément perd le focus. Dans jquery, vous pouvez utiliser la méthode blur() pour définir la fonction de traitement d'événement qui doit être exécutée lorsque l'événement "blur" est déclenché. La syntaxe est "$(selector).blur(function)" ; spécifiez le code à exécuter lorsque l'événement de flou se produit.
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
En jquery, l'événement "blur" est déclenché lorsqu'un élément perd le focus.
Vous pouvez utiliser la méthode flou() pour définir la fonction de traitement d'événement qui doit être exécutée lorsque l'événement « flou » est déclenché ; cette fonction peut également spécifier le code à exécuter lorsque l'événement flou se produit.
Syntaxe :
$(selector).blur(function)
| Paramètres | Description |
|---|---|
| fonction | Facultatif. Spécifie la fonction à exécuter lorsque l'événement de flou se produit. |
Exemple : Changer la couleur du champ de saisie lorsqu'il perd le focus (flou)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.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>
[Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo d'introduction au front-end Web]
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!
Que sont les plug-ins jquery ?
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
Quel est le nom chinois du fil coin ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
