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

Der Prozess der Installation von MySQL 8.0.26 auf CentOS7

1. Laden Sie zunächst die entsprechende Datenbank...

W3C Tutorial (7): W3C XSL Aktivitäten

Ein Stylesheet beschreibt, wie ein Dokument angez...

CSS3-Filtercode zum Erreichen des Grau- oder Schwarzmodus auf Webseiten

Frontend css3.filter kann nicht nur den Graueffek...

Linux CentOS6.5 yum installiere mysql5.6

In diesem Artikel wird der einfache Prozess der I...

mysql5.7-Remotezugriffseinstellungen

Das Einrichten des Fernzugriffs in mysql5.7 funkt...

CSS3-Animation – Erläuterung der Funktion „Steps“

Als ich mir in letzter Zeit einige CSS3-Animation...

Eine einfache Methode zum Ändern der Größe hochgeladener Nginx-Dateien

Originallink: https://vien.tech/article/138 Vorwo...

Transkript der Implementierung berechneter Vue-Eigenschaften

In diesem Artikel wird das Implementierungszeugni...

Analyse zweier Verwendungen des A-Tags in HTML-Post-Anfragen

Zwei Beispiele für die Verwendung des „a“-Tags in...