So erhalten Sie Text eines Eingabtextfelds während von OnKeypress

So erhalten Sie Text eines Eingabtextfelds während von OnKeypress

In einigen Szenarien müssen Entwickler den Text aus den Textfeldern erhalten, während sie die Tasten drücken. Zu diesem Zweck ermöglicht JavaScript Ereignisse für das Taste -Pressen, einschließlich Onkeyup, Onkeydown und Onkeypress Events. Genauer.

In diesem Blog wird das Verfahren zum Erhalten des Textes eines Eingabefelds während des OnKeypress beschrieben.

So erhalten Sie Text eines Eingabtextfelds während von OnKeypress?

Wenn ein Benutzer auf der Tastatur der Tastatur trifft, erfolgt das OnKeypress -Ereignis. Verwenden Sie also das “OnkeypressEreignis zum Zugriff auf den Text des Textfelds während von OnKeypress. Das Folgende ist die Abfolge von Ereignissen, die mit dem Onkeypress -Ereignis verbunden sind:

  • Onkeydown
  • Onkeyup
  • Onkeypress

Onkeydown und Onkeypress sind gleich; Sie treten auf, wenn der Benutzer eine Taste auf der Tastatur trifft. Während sich OnKeyup leicht von diesen beiden unterscheidet, tritt dies auf, wenn der Benutzer die Taste auf der Tastatur veröffentlicht.

Syntax

Folgen Sie der angegebenen Syntax für das Onkeypress -Ereignis:

OnKeypress = "FunktionName ()"

Beispiel

Im angegebenen Beispiel werden wir zunächst ein Eingabefeld erstellen und eine ID zuweisen “txtbox"Und fügen Sie eine" an "Onkeypress"Ereignis, das das nennt"Wert erhalten()" Methode:



Ein ... kreieren

Tag mit der ID “abgerufenerWenn der abgerufene Text aus dem Eingabefeld angezeigt wird:

Definieren Sie in der JavaScript -Datei oder in der JavaScript -Datei oder im Tag eine Funktion “Wert erhalten()"Das wird die" auslösen "Onkeypress" Fall. Erhalten Sie den Wert eines Textfelds mit seiner zugewiesenen ID mit der Hilfe “GetElementById ()" Methode. Zeigen Sie dann den Text mit dem “anInnerText" Eigentum:

Funktion getValue ()
var tbValue = Dokument.getElementById ("txtbox");
var value = tbValue.Wert;
dokumentieren.GetElementById ("abgerufener").InnerText = Wert;

Die Ausgabe zeigt an, dass der Text eines Eingangsfelds erfolgreich auf das OnKeypress -Ereignis gelangt:

Sie können auch das Ereignis von OnKeyUp () verwenden, um den Text eines Eingabtextfelds während des Onkeypress zu erhalten. Der OnKeyUp tritt auf, wenn der Benutzer die Taste auf der Tastatur veröffentlicht:

Ausgang

Das dreht sich nur darum, den Text eines Eingabefeld.

Abschluss

Verwenden Sie das Text, um den Text eines Eingabtextfelds während des Onkeypress abzurufenOnkeypress" Fall. Wenn ein Benutzer auf der Tastatur der Tastatur trifft, wird das OnKeypress -Ereignis ausgelöst. Verwenden Sie auch das “OnkeyupEreignis, um den Text des Textfelds während des Onkeypress zu erhalten. Onkeydown und Onkeypress sind gleich, während OneKeyup etwas von diesen beiden unterscheidet. Es tritt auf, wenn der Benutzer die Taste auf der Tastatur veröffentlicht. In diesem Blog wurde das Verfahren zum Erhalten des Textes eines Eingabefeldes während des OnKeypress beschrieben.