Maison >interface Web >js tutoriel >Comment JavaScript devient et perd le focus

Comment JavaScript devient et perd le focus

醉折花枝作酒筹avant: 2021-04-29 09:17:374339parcourir

Cet article vous présentera comment gagner et perdre votre concentration en JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Traitement de la mise au point

Le traitement de la mise au point comprend principalement les types d'événements de mise au point (acquisition de la mise au point) et de flou (perte de mise au point). L'objectif est d'activer le champ de formulaire afin qu'il puisse répondre aux événements du clavier.

Obtenir le focus : focus

Cet événement est déclenché lorsque vous cliquez ou utilisez la touche Tab pour basculer vers un élément de formulaire ou un objet lien hypertexte. L'événement focus est un moyen de déterminer la position actuelle de la souris dans la page. Par défaut, l'ensemble du document est mis au point, mais vous pouvez modifier la position du focus en cliquant ou en utilisant la touche Tab. '

Exemple : Une fois la page chargée, transférez le focus sur le premier champ de zone de texte du formulaire, en le préparant à recevoir les entrées de l'utilisateur

<form id="myform" method="post" action="#">
	姓名<input type="text" name="name"/><br>
	密码<input type="password" name="pass" /></form><script>
	var form = document.getElementById("myform");
	var field = form.elements("name");
	window.onload = function(){
		field.focus();
	}</scriipt>

Focus perdu : flou

Le type d'événement flou représente une réponse lorsque l'élément perd le focus. Il correspond au type d'événement focus et affecte principalement les éléments de formulaire et les objets lien hypertexte.

Exemple : le focus et le flou sont liés à tous les éléments du formulaire d'entrée. Fonction de gestionnaire d'événements, définissez l'élément pour qu'il soit soulevé lorsqu'il obtient le focus et coulé lorsqu'il perd le focus

<!DOCTYPE html><html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" />
		<input type="text" />
		<script>
			var o = document.getElementsByTagName("input");
			for(var i = 0; i < o.length; i++){
				o[i].onfocus = function(){
					this.style.borderStyle = "outset";
				}
				o[i].blur = function(){
					this.style.borderStyle = "inset";
				}
			}
		</script>
	</body></html>

Comment JavaScript devient et perd le focus

Remarque : si le champ est masqué (

[Apprentissage recommandé : Tutoriel JavaScript avancé]

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!

JavaScript css 对象事件 display input 键盘事件

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment la page javascript obtient-elle la valeur transmise à la page en arrière-plan ?Article suivant：Comment la page javascript obtient-elle la valeur transmise à la page en arrière-plan ?

Articles Liés

Voir plus