Manchmal muss ein Entwickler möglicherweise den Code der gedrückten Taste auf der Tastatur abrufen, um bestimmte Ereignisse auf einer Webseite zu behandeln. Zum Beispiel, wenn Sie interaktive Spiele implementieren oder eine Benutzeroberfläche mit Tastaturbefehlen erstellen möchten.
In dieser praktischen Anleitung werden wir uns einige Möglichkeiten ansehen, wie Sie den Code einer gedrückten Taste erhalten können. Wir werden uns ansehen, wie Sie JavaScript verwenden, um Tastaturereignisse zu behandeln und den Code einer einzelnen Taste zu erhalten. Wir zeigen auch, wie die Verwendung spezieller Bibliotheken diesen Prozess vereinfachen kann.
Es ist wichtig sich daran zu erinnern: das Abrufen des Codes für die gedrückte Taste kann von verschiedenen Faktoren abhängen, einschließlich des Tastaturtyps und der Browsereinstellungen des Benutzers. Einige Tasten können unterschiedliche Codes auf verschiedenen Tastaturen haben, daher muss Ihr Code flexibel sein und mögliche Variationen berücksichtigen.
Die gute Nachricht ist, dass JavaScript uns praktische Tools zur Verfügung stellt, um diese Aufgabe zu lösen. Wir können Tastaturereignisse wie keydown, keyup und Keypress verwenden, um Tastatureingaben abzufangen und den entsprechenden Code zu erhalten. Als nächstes können wir diesen Code verwenden, um die gewünschten Aktionen auszuführen oder Ereignisse zu behandeln.
Vorbereiten, um den Code der gedrückten Taste zu erhalten
Sie müssen JavaScript und Ereignishandler verwenden, um den Code der gedrückten Taste auf der Tastatur abzurufen. Bevor Sie mit dem Schreiben von Code beginnen, müssen Sie eine Grundlage für die Seite erstellen, auf der das Skript ausgeführt wird. Ich biete Ihnen die nächste Ausbildung an.
1. Erstellen Sie eine neue HTML-Datei und öffnen Sie sie in einem beliebigen Texteditor.
2. Fügen Sie im Tag den folgenden Code hinzu:
3. Fügen Sie im Tag den folgenden Code hinzu:
Нажмите любую клавишу на клавиатуре:
4. Fügen Sie im Tag den folgenden Code mit einem Ereignishandler hinzu:
In diesem Code fügen wir einen Keydown-Ereignishandler hinzu, der bei jedem Drücken einer Taste auf der Tastatur die getKeyCode-Funktion aufruft.
Nachdem Sie diese Schritte ausgeführt haben, haben Sie nun die Basis der Seite erstellt, auf der der Code der gedrückten Taste angezeigt wird. Im nächsten Abschnitt schreiben wir den Code auf, mit dem wir diesen Code abrufen und auf der Seite anzeigen können.
Festlegen eines Handlers für ein Tastendruckereignis
Um den Code der gedrückten Taste auf der Tastatur abzurufen, müssen Sie einen Handler für das Tastatureingabeereignis in JavaScript installieren.
Im folgenden Codebeispiel wird veranschaulicht, wie ein Handler für ein Tastendruckereignis festgelegt wird:
function handleKeyPress(event) 