Heim > Web-Frontend > js-Tutorial > Wie Javascript mit dem Fokus umgeht

Wie Javascript mit dem Fokus umgeht

藏色散人
Freigeben: 2021-10-18 14:11:54
Original
2340 Leute haben es durchsucht

Methoden für JavaScript zur Fokussierung: 1. Erhalten Sie den Fokus durch die „field.focus();“-Methode. 2. Behandeln Sie den Fokusverlust durch die „o[i].blur = function(){...}“ Verfahren.

Wie Javascript mit dem Fokus umgeht

Die Betriebsumgebung dieses Artikels: Windows7-System, Javascript-Version 1.8.5, DELL G3-Computer

Wie geht Javascript mit dem Fokus um?

JavaScript-Fokusverarbeitung (Fokus erhalten, Fokus verlieren, Unschärfe)

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 Tab-Taste verwenden, um 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 geladen wurde, verlagern Sie den Fokus auf das erste Textfeldfeld im Formular und bereiten es so für den Empfang von Benutzereingaben vor Es entspricht dem Fokusereignistyp und wirkt sich hauptsächlich auf Formularelemente und Hyperlinkobjekte aus. Beispiel: Binden Sie die Verarbeitungsfunktionen für Fokus- und Unschärfeereignisse an alle Eingabeformularelemente und legen Sie fest, dass das Element angehoben wird, wenn es den Fokus verliert ist versunken

<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

Hinweis: Wenn das Feld ausgeblendet ist () oder das Feld mithilfe der Darstellung und Sichtbarkeit von CSS angezeigt wird, führt das Festlegen, dass es den Fokus erhält, zu einer Ausnahme.

Empfohlenes Lernen: „

JavaScript-Grundlagen-Tutorial

Wie Javascript mit dem Fokus umgeht

Das obige ist der detaillierte Inhalt vonWie Javascript mit dem Fokus umgeht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage