Detaillierte Erklärung der HTML-Ereignisse „onfocus gain focus“ und „onblur lose focus“
|
HTML-Onfocus-Ereignisattribute Definition und Verwendung Das Onfocus-Attribut wird ausgelöst, wenn ein Element den Fokus erhält. onfocus wird häufig für <input>, <select> und <a> verwendet. Tipp: Das Attribut „onfocus“ ist das Gegenteil des Attributs „onblur“. Hinweis: Das Attribut onfocus gilt nicht für die folgenden Elemente: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> oder <title>. Beispiele Löst eine Funktion aus, wenn das Eingabefeld den Fokus erhält. Diese Funktion ändert die Hintergrundfarbe des Eingabefeldes
<Skript>
Funktion setStyle(x)
{
document.getElementById(x).style.background="gelb";
}
</Skript>
</Kopf>
<Text>
<p>Funktion wird ausgelöst, wenn das Eingabefeld den Fokus erhält. Diese Funktion ändert die Hintergrundfarbe des Eingabefeldes. </p>
Vorname: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
Nachname: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>HTML-Onblur-Ereignisattribute Definition und Verwendung Das Onblur-Attribut wird ausgelöst, wenn das Element den Fokus verliert. onblur wird häufig im Formularvalidierungscode verwendet (z. B. wenn ein Benutzer ein Formularfeld verlässt). Beispiele Validieren Sie das Eingabefeld, wenn der Benutzer es verlässt:
<Skript>
Funktion Großbuchstaben()
{
var x = document.getElementById("fname").Wert
document.getElementById("fname").value=x.toUpperCase()
}
</Skript>
</Kopf>
<Text>
<p>Bitte geben Sie Ihren Namen ein und verschieben Sie den Fokus außerhalb des Feldes:</p>
Bitte geben Sie Ihren Namen ein (in englischen Zeichen): <input type="text" name="fname" id="fname" onblur="upperCase()">
</body>
Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. |
<<: mysql teilt eine Datenzeile basierend auf Kommas in mehrere Zeilen auf
>>: Was ist SSH-Portweiterleitung? Was nützt das?
Artikel empfehlen
Detaillierte Erklärung der MySQL InnoDB-Indexerweiterung
Indexerweiterung: InnoDB erweitert automatisch je...
Lösen Sie schnell das Problem, dass CentOS in VMware nicht auf das Internet zugreifen kann
Gestern habe ich CentOS7 unter VMware installiert...
Die CSS-Priorität der Webseite wird für Sie ausführlich erklärt
Bevor wir über die CSS-Priorität sprechen, müssen...
2 Gründe, warum die HTML-CSS-Tag-Stileinstellung nicht funktioniert
1 CSS-Stil ohne Semikolon ";" 2 Tags sin...
MySQL-Methode zum Generieren von Zufallszahlen, Zeichenfolgen, Daten, Bestätigungscodes und UUIDs
Inhaltsverzeichnis Zufallszahlen generieren Gener...
Tutorial zur DHCP-Konfiguration in der CentOS7-Umgebung
Inhaltsverzeichnis Konfigurationsbefehlsschritte ...
Detaillierte Erläuterung der objektorientierten Praxis von JavaScript: Kapselung und Ziehen von Objekten
Inhaltsverzeichnis Überblick 1. So animieren Sie ...
MySQL-Datenbank-Indexreihenfolge durch Sortierung – detaillierte Erklärung
Inhaltsverzeichnis Die Ursache des Vorfalls Sorti...
So installieren und verwenden Sie Ubuntu Docker
Inhaltsverzeichnis 1. Automatische Installation m...
Hauptfunktionen von MySQL Innodb: Einfügepuffer
Inhaltsverzeichnis Was ist ein Einfügepuffer? Was...
Implementierung der React-Sternebewertungskomponente
Voraussetzung ist die Eingabe der Bewertungsdaten...
So verwenden Sie libudev in Linux, um die VID und PID eines USB-Geräts abzurufen
In diesem Artikel verwenden wir die Libudev-Bibli...
Hbase – Erste Schritte
1. HBase-Übersicht 1.1 Was ist HBase? HBase ist e...
Der Unterschied und die Verwendung von json.stringify() und json.parse()
1. Unterschiede zwischen JSON.stringify() und JSO...
Einfaches Beispiel für die Verschönerung von HTML-Kontrollkästchen und -Radios
Einfaches Beispiel für die Verschönerung von HTML...