Maison > Article > interface Web > Existe-t-il un événement focus dans jquery ?

Existe-t-il un événement focus dans jquery ?

青灯夜游original: 2022-12-16 11:31:282174parcourir

jquery propose des événements ciblés. Lorsqu'un élément obtient le focus, un événement focus se produit ; dans jquery, vous pouvez utiliser la méthode focus() pour déclencher l'événement focus, ou spécifier une fonction de traitement d'événement à exécuter lorsqu'un événement focus se produit, en utilisant la syntaxe "$(selector ).focus(fonction)". Lorsqu'un élément perd le focus, un événement de flou se produit ; jQuery peut utiliser la méthode blur() pour déclencher un événement de flou, ou spécifier un gestionnaire d'événement à exécuter lorsqu'un événement de flou se produit.

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

Le focus est la zone concernée, c'est-à-dire la position où le curseur est actuellement activé. La petite ligne verticale clignotant sur l'écran de la page indique qu'un contrôle sur la page Web est sélectionné et peut être utilisé. Cliquez sur la souris pour obtenir le curseur et la touche Tab peut changer de focus en fonction du Tabindex défini.

Par exemple, si une zone de texte obtient le focus, les caractères que vous tapez sur le clavier entreront directement dans la zone de texte ; par exemple, si une zone de liste déroulante obtient le focus, si vous appuyez sur la flèche vers le bas du clavier, elle va lister la liste sortir. Le programme comporte également des événements qui se produisent lorsque le focus est obtenu (gotfocus()), des événements qui se produisent lorsque le focus est perdu (lostfocus()) et une méthode pour définir le focus pour le contrôle (setfocus()). Faire bon usage du focus peut rendre votre programme très convivial.

Existe-t-il un événement focus dans jquery ?

jquery obtient un événement de focus

Lorsqu'un élément obtient le focus, l'événement de focus se produit.

Lorsqu'un élément est sélectionné par un clic de souris ou positionné par la touche de tabulation, l'élément obtient le focus. La méthode

focus() déclenche l'événement focus ou spécifie une fonction à exécuter lorsque l'événement focus se produit.

Syntaxe

//触发 focus 事件
$(selector).focus()

//将函数绑定到 focus 事件
$(selector).focus(function)

fonction : Facultatif. Spécifie la fonction à exécuter lorsque l'événement focus se produit.

Exemple : méthode focus() Get focus

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function(){
		  $("input").focus(function(){
		    $("input").css("background-color","#FFFFCC");
		  });
		});
		</script>
	</head>
	<body>

		输入你的名字: <input type="text">

	</body>
</html>

Existe-t-il un événement focus dans jquery ?

jquery perd le focus événement

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

blur() déclenche l'événement de flou ou spécifie une fonction à exécuter lorsque l'événement de flou se produit.

Conseils : Cette méthode est souvent utilisée avec la méthode focus().

Syntaxe

//为被选元素触发 blur 事件：
$(selector).blur()

//添加函数到 blur 事件：
$(selector).blur(function)

Exemple : la méthode blur() perd le focus

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.6.1.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>

Existe-t-il un événement focus dans jquery ?

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

jquery function 事件

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：Comment décrire les événements synthétiques de ReactArticle suivant：Comment décrire les événements synthétiques de React

Articles Liés

Voir plus