Maison >interface Web >Questions et réponses frontales >Quel événement est déclenché lorsqu'un élément perd le focus dans jquery

Quel événement est déclenché lorsqu'un élément perd le focus dans jquery

青灯夜游
青灯夜游original
2022-05-12 20:13:494634parcourir

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.

Quel événement est déclenché lorsqu'un élément perd le focus dans jquery

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>

Quel événement est déclenché lorsquun élément perd le focus dans jquery

[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!

Déclaration:
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 précédent:Que signifie $ dans jqueryArticle suivant:Que signifie $ dans jquery