Wie JavaScript den Fokus erhält und verliert-js-Tutorial-php.cn

Wie JavaScript den Fokus erhält und verliert

醉折花枝作酒筹

Freigeben： 2021-04-29 09:17:37

nach vorne

4262 Leute haben es durchsucht

In diesem Artikel erfahren Sie, wie Sie in JavaScript den Fokus gewinnen und den Fokus verlieren. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Wie JavaScript den Fokus erhält und verliert

Fokusverarbeitung

Die Fokusverarbeitung umfasst hauptsächlich die Ereignistypen Fokus (Fokus erhalten) und Unschärfe (Fokus verlieren). Der sogenannte Fokus besteht darin, das Formularfeld zu aktivieren, damit es auf Tastaturereignisse reagieren kann.

Fokus erhalten: Fokus

Dieses Ereignis wird ausgelöst, wenn Sie auf ein Formularelement oder Hyperlink-Objekt klicken oder die Tabulatortaste verwenden, um zu diesem zu wechseln. Das Fokusereignis ist eine Möglichkeit, die aktuelle Position der Maus innerhalb der Seite zu bestimmen. Standardmäßig ist das gesamte Dokument im Fokus, aber Sie können die Fokusposition ändern, indem Sie auf klicken oder die Tab-Taste verwenden. '

Beispiel: Nachdem die Seite vollständig geladen wurde, übertragen Sie den Fokus auf das erste Textfeldfeld im Formular und bereiten es so für den Empfang von Benutzereingaben vor

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

Nach dem Login kopieren

Fokus verloren: Unschärfe

Der Ereignistyp „Unschärfe“ stellt eine Reaktion dar, wenn ein Element den Fokus verliert Es entspricht dem Fokus-Ereignistyp und wirkt sich hauptsächlich auf Formularelemente und Hyperlink-Objekte aus den Fokus verlieren. Konkav

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

Nach dem Login kopieren

Wie JavaScript den Fokus erhält und verliert Hinweis: Wenn das Feld ausgeblendet ist () oder das Feld mithilfe der Anzeige und Sichtbarkeit von CSS angezeigt wird, führt die Einstellung, dass es den Fokus erhält, zu einem Ausnahme.

【Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

】

Das obige ist der detaillierte Inhalt vonWie JavaScript den Fokus erhält und verliert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!