Comment JavaScript devient et perd le focus-js tutoriel-php.cn

Comment JavaScript devient et perd le focus

醉折花枝作酒筹

Libérer： 2021-04-29 09:17:37

avant

4314 Les gens l'ont consulté

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.

Comment JavaScript devient et perd le focus

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>

Copier après la connexion

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>

Copier après la connexion

Comment JavaScript devient et perd le focus