Der Inhalt des Eingabeeingabefelds wird in Echtzeit abgerufen

Dieses Mal werde ich Ihnen die Echtzeiterfassung des Eingabefeldinhalts vorstellen. Was sind die Vorsichtsmaßnahmen für die Echtzeiterfassung des Eingabefeldinhalts? Praktischer Fall, werfen wir einen Blick darauf.

Der Inhalt des Eingabefeldes wird in Echtzeit überwacht! Das -Ereignis wird nur ausgelöst, wenn sich der Inhalt des Eingabefelds ändert. Wenn sich der Inhalt des Eingabefelds nicht ändert, wird das Ereignis nicht ausgelöst!

Der Code lautet wie folgt:

<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
 function OnInput (event) {
  alert (event.target.value);
 }
 function OnPropChanged (event) {
  if (event.propertyName.toLowerCase () == "value") {
   alert (event.srcElement.value);
  }
 }
</script>
<form>
 用户名:<input name="user" type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)"/>
</form>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

JS implementiert Bewertungssternebewertung

JS implementiert Datenvalidierung und Übermittlung von Kontrollkästchenformularen

Das obige ist der detaillierte Inhalt vonDer Inhalt des Eingabeeingabefelds wird in Echtzeit abgerufen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!