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

Diagramm des Datenübertragungsprozesses beim dritten TCP-Handshake

Die Prozesspakete mit dem SYN-Flag im RFC793-Doku...

Wissen Sie, wie Sie mit Vue-Cropper Bilder in Vue zuschneiden?

Inhaltsverzeichnis 1. Installation: 2. Verwendung...

Das Front-End muss wissen, wie Bilder verzögert geladen werden (drei Methoden)

Inhaltsverzeichnis 1. Was ist Lazy Loading? 2. Im...

Erfahren Sie mehr über die Verwendung regulärer Ausdrücke in JavaScript

Inhaltsverzeichnis 1. Was ist ein regulärer Ausdr...

Ein kurzes Verständnis der relevanten Sperren in MySQL

Dieser Artikel soll Ihnen vor allem dabei helfen,...

CSS-Animation kombiniert mit SVG zur Erzeugung eines Energieflusseffekts

Der endgültige Effekt ist wie folgt: Die Animatio...

Teilen Sie 101 MySQL-Debugging- und Optimierungstipps

MySQL ist eine leistungsstarke Open-Source-Datenb...

Docker verpackt das lokale Image und stellt es auf anderen Maschinen wieder her

1. Verwenden Sie Docker-Images, um alle Image-Dat...

Attribute im Vue V-For-Loop-Objekt

Inhaltsverzeichnis 1. Werte innerhalb von Schleif...

Beispiel zum Hochladen eines Docker-Images in ein privates Repository

Das Image kann problemlos direkt in das öffentlic...

Tiefgreifendes Verständnis von Javascript-Prototypen und Prototypenketten

Inhaltsverzeichnis 1. Was ist ein Prototyp? 2. Pr...