So erfassen Sie einen Backpace beim Schlüsseldown -Ereignis?

Beim Erstellen einer benutzerfreundlichen Webseite oder einer Website ist es erforderlich, den Benutzer daran zu hindern, eine bestimmte Taste zu drücken, während Sie ein Formular oder einen Fragebogen ausfüllen. Zum Beispiel die Einschränkung des Benutzers auf die bereits eingegebenen Daten einschränken oder rückgängig machen. In solchen Szenarien ist es hilfreich, einen Backpace bei einem Schlüsseldown -Event am Ende des Entwicklers zu erfassen.

In diesem Artikel werden die Ansätze zur Erfassung eines Backpasts im Keydown -Ereignis in JavaScript erfasst.

So erfassen Sie in einem bestimmten Element einen Backraum für das Schlüsseldown -Ereignis in einem bestimmten Element?

Der "AddEventListener ()Die Methode assoziiert ein Ereignis mit einem Element, und die KeyCode -Eigenschaft bezieht sich auf einen Code, der einen Tastendruck bedeutet. Diese Ansätze können verwendet werden, um ein Ereignis an das abgerufene Eingabefeld zu befestigen und den Benutzer zu benachrichtigen, sobald die jeweilige Taste darin gedrückt wird (Eingabefeld).

Syntax

Element.AddEventListener (Ereignis, Funktion, UserCapture);

In der obigen Syntax:

• • “FallEntspricht dem Ereignis, das beigefügt werden muss.
  • “FunktionDer Parameter entspricht der Funktion, die ausgeführt werden muss, wenn das Ereignis ausgelöst wird.
  • “UsercaptureIst ein optionaler Parameter.

Beispiel

Lassen Sie uns den unterbewerteten Code-Snippet durchlaufen:

Erkennen Sie den Hinterraumschlüssel

Im obigen Codeblock:

• • Geben Sie zunächst eine Überschrift in die “bei

    " Schild.

  • Im nächsten Schritt eine "eine" ein "Eingang Text"Feld hat das angegeben"Ausweis”.
  • Greifen Sie im JavaScript -Code im Feld "Erstellte Eingabettext" mit seinem Feld zu "zu"Ausweis" Verwendung der "GetElementById ()" Methode.
  • Danach verbinden Sie die “AddEventListener ()Methode mit dem abgerufenen Element (Eingangsfeld). In den Parametern der Methode, dem ersteren Parameter, ich.e., “Taste nach unten”Bedeutet den Ereignisnamen, und der letztere Parameter bezieht sich auf die Funktion, die auf das ausgelöste Ereignis aufgerufen werden muss.
  • Wenden Sie in der Funktionsdefinition das anSchlüsselcodeEigenschaft mit dem angegebenen Code, der sich auf die “bezieht“Rücktaste"Schlüssel in"Wenn" Zustand.
  • Nach der zufriedenen Bedingung wird die Warnung mit der angegebenen Nachricht im Dokumentobjektmodell (DOM) angezeigt.

Ausgang

In der Ausgabe ist ersichtlich, dass der Benutzer beim Drücken der Backpace -Taste mit der angegebenen Nachricht über eine Warnung benachrichtigt wird.

So erfassen Sie einen Backraum für das Schlüsseldown -Ereignis überall im gesamten Dokumentobjektmodell (DOM)?

In diesem speziellen Beispiel wird ein Rückraum mit Hilfe des in Form eines angegebenen Schlüsselcode erfasstFallInnerhalb der Funktion, die auf dem ausgelösten Ereignis ausgeführt werden muss:

Erkennen Sie den Hinterraumschlüssel

In den obigen Codezeilen:

• • Enthält ebenfalls die angegebene Überschrift in die “

    " Schild.

  • Wenden Sie im JavaScript -Teil des Codes in ähnlicher Weise das anAddEventListener ()"Methode mit dem beigefügten Ereignis mit dem Namen"Taste nach untenUnd der Funktionsname als Parameter.
  • Danach definieren Sie eine Funktion namens “KeyCheck ()Mit dem angegebenen Parameter.
  • In seiner Definition die “assoziieren Sie die“SchlüsselcodeEigenschaft mit dem übergebenen Parameter, so dass der entsprechende Schlüsselcode gegen den Schlüssel nach dem ausgelösten Ereignis erkannt wird.
  • Schließlich wenden Sie die “an“Schaltergehäuse”Aussage, so dass der jeweilige Schlüsselcode gegen den Backpace -Taste aus dem“ aufgerufen wirdFall”Anweisung, und die entsprechende Nachricht wird über die Warnung angezeigt.

Ausgang

In dieser Ausgabe ist ersichtlich, dass die gewünschte Anforderung erreicht wurde.

Abschluss

Einen Rückraum auf der “erfassen“Taste nach unten"Ereignis in JS, verwenden Sie die Kombination der"AddEventListener ()”Methode und die“Schlüsselcode" Eigentum. Das erstere Beispiel verwendet diese Ansätze, um den jeweiligen Schlüssel in einem bestimmten Element zu erfassen. Letzteres Beispiel kann verwendet werden, um den Rückertaste im gesamten DOM zu erkennen. In diesem Blog wurde die Ansätze zur Erfassung von Backsspace im Keydown -Ereignis in JavaScript erörtert.