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

Tutorial zur kostenlosen Konfiguration der MySQL 5.7.18-Installationsversion

Installations-Tutorial zur kostenlosen Installati...

Detaillierter Code zur Implementierung einer 3D-Tag-Cloud in Vue

Vorschau: Code: Seitenabschnitte: <Vorlage>...

Neuer Ansatz zum Umschalten der Tab-Leiste mit zwei Auswahlmöglichkeiten in Vue

Problembeschreibung Wenn wir an einem Projekt arb...

So verwenden Sie die Typerweiterung ohne Typingscript

Vorwort Aufgrund der schwachen Typisierung von JS...

Das Phänomen des Margin-Top-Collapses und die spezifische Lösung

Was ist ein Margin-Top-Collaps? Der Margin-Top-Co...

JavaScript zum Erzielen digitaler Uhreffekte

In diesem Artikelbeispiel wird der spezifische Co...

Verwenden Sie vue3, um ein Mensch-Katze-Kommunikations-Applet zu implementieren

Inhaltsverzeichnis Vorwort Initialisieren des Pro...

Beispiel für die Installation von nginx in einem angegebenen Verzeichnis

Aufgrund von Unternehmensanforderungen müssen zwe...

UCenter-Homepage fügt Statistikcode hinzu

UCenter Home ist ein von Comsenz veröffentlichtes ...

Detaillierte Analyse des Unterschieds zwischen Ref und Reactive in Vue3.0

Inhaltsverzeichnis Ref und Reaktiv Referenz Reakt...