Umfassendes Verständnis der Überwachung von HTML-Formulareingaben

Umfassendes Verständnis der Überwachung von HTML-Formulareingaben

Heute habe ich einen Blogbeitrag über Eingabeereignisse gesehen und aus einer Laune heraus die relevanten Informationen herausgesucht.

Ereignis:

 Funktion changeVal(Wert){ console.log($(Wert).val())}

onchange: Das Onchange-Ereignis wird nur ausgelöst, wenn sich der vorherige und nächste Inhalt ändert und den Fokus verliert.

 <Eingabetyp="Text" Wert="" bei Änderung="changeVal(dies)">

oninput: Das Oninput-Ereignis wird ausgelöst, wenn sich der Wert ändert.

 <Eingabetyp="Text" Wert="" oninput="changeVal(dies)">

Es gibt auch ein „onpropertychange“-Ereignis, das eine ähnliche Wirkung wie „oninput“ hat, aber spezifisch für den IE ist! Und als ich es getestet habe, hat es nicht funktioniert. Ich war völlig verwirrt. . .

Auffüllen:

Fälle, in denen oninput und onpropertychange fehlschlagen:

Oninput-Ereignis:

(1) Wenn der Wert im Skript geändert wird, wird dies nicht ausgelöst.

(2) Es wird nicht ausgelöst, wenn Sie aus der automatischen Dropdown-Eingabeaufforderung des Browsers auswählen.

onpropertychange-Ereignis:

Wenn die Eingabe auf „disable=true“ gesetzt ist, wird sie nicht ausgelöst.

Das Obige ist der gesamte Inhalt des umfassenden Verständnisses der Überwachung von HTML-Formulareingaben, den Ihnen der Herausgeber vermittelt hat. Ich hoffe, es gefällt Ihnen ~

Wenn Sie mehr über Spielaktivitäten und Spielstrategien erfahren möchten, besuchen Sie diese Site weiterhin. Der Herausgeber dieser Site wird Ihnen so schnell wie möglich die besten, unterhaltsamsten und aktuellsten Spielinformationen liefern. Weitere spannende Inhalte finden Sie auf dem Spielekanal jb51!

<<:  Detaillierte Erklärung des Unterschieds zwischen URL-Endungen mit / und ohne / in der Proxy_Pass-Konfiguration von Nginx

>>:  Was ist ein MySQL-Tablespace?

Artikel empfehlen

Sublime/vscode – schnelle Implementierung zur Generierung von HTML-Code

Inhaltsverzeichnis Grundlegende HTML-Struktur Gen...

HTML-Head-Tag-Metadaten zum Erreichen einer Aktualisierungsumleitung

Code kopieren Der Code lautet wie folgt: <html...

Hyperlink-Tag für HTML-Webseiten

Lernprogramm zum Hyperlink-Tag einer HTML-Webseit...

Sollten nullbare Felder in MySQL auf NULL oder NOT NULL gesetzt werden?

Personen, die MySQL häufig verwenden, können mit ...

Win10 Installation von MySQL 5.7 MSI-Version des Tutorials mit Bildern und Text

Ich habe es im MSI-Format installiert, hauptsächl...

Vue implementiert den Download von ZIP-Dateien

In diesem Artikelbeispiel wird der spezifische Co...

CSS- und HTML- und Front-End-Technologie-Schichtendiagramm

Die Beziehung zwischen Javascript und DOM ist seh...

Mehrere Möglichkeiten zum Senden von HTML-Formularen_PowerNode Java Academy

Methode 1: Absenden über den Absenden-Button <...

So verbinden Sie Django 2.2 mit einer MySQL-Datenbank

1. Beim Ausführen des Projekts werden folgende Fe...