Heim > Artikel > Web-Frontend > Wie JavaScript den Fokus erhält und verliert

Wie JavaScript den Fokus erhält und verliert

醉折花枝作酒筹nach vorne: 2021-04-29 09:17:374308Durchsuche

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.

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>

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>

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!

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

Stellungnahme：

Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie erhält Seiten-Javascript den Wert, der im Hintergrund an die Seite übergeben wird?Nächster Artikel：Wie erhält Seiten-Javascript den Wert, der im Hintergrund an die Seite übergeben wird?

In Verbindung stehende Artikel

Mehr sehen