Heim  >  Artikel  >  Web-Frontend  >  So erhalten Sie Tastaturwerte in JavaScript

So erhalten Sie Tastaturwerte in JavaScript

PHPz
PHPzOriginal
2023-04-25 10:47:083023Durchsuche

JavaScript ist eine in der Webprogrammierung weit verbreitete Sprache und kann zur Implementierung von Benutzerinteraktionsfunktionen verwendet werden. Das Abrufen des Tastaturwerts ist auch eine häufig verwendete Operation in JavaScript. In diesem Artikel erklären wir, wie Sie den Tastaturwert mithilfe von JavaScript erhalten.

Tastaturereignisse in JavaScript

In JavaScript können wir Tastaturereignisse verwenden, um Tastatureingaben zu erfassen. Es gibt drei Arten von Tastaturereignissen: Keydown, Keypress und Keyup.

  1. keydown-Ereignis: Wird ausgelöst, wenn der Benutzer eine beliebige Taste auf der Tastatur drückt, einschließlich Sondertasten (z. B. Umschalt und Strg) und Nicht-Sondertasten (z. B. Buchstaben und Zahlen).
  2. keypress-Ereignis: Wird ausgelöst, wenn der Benutzer eine beliebige Taste auf der Tastatur drückt, es umfasst jedoch nur Tasten, die Zeichen erzeugen können. Sondertasten erzeugen keine Tastendruckereignisse.
  3. keyup-Ereignis: wird ausgelöst, wenn der Benutzer eine beliebige Taste auf der Tastatur loslässt.

Durch diese Tastaturereignisse können wir erkennen, welche Tasten der Benutzer auf der Tastatur gedrückt hat, und wir können den Tastencodewert der entsprechenden Taste ermitteln.

Das Konzept des Tastencodewerts

Der Tastencodewert bezieht sich auf den numerischen Code, der vom Tastatureingabegerät an den Computer übertragen wird. Diese Codes stellen eine eindeutige Kennung für jede Taste auf der Tastatur dar. Jeder Tastencodewert verfügt über einen eindeutigen ASCII-Codewert, der das entsprechende Zeichen darstellen kann.

So erhalten Sie den Tastaturwert in JavaScript

In JavaScript verwenden wir die Eigenschaft event.keyCode, um den Tastaturwert abzurufen. Verwenden Sie diese Eigenschaft im Ereignishandler, um den Tastaturwert im Tastaturereignis abzurufen. Hier ist ein Beispiel:

document.addEventListener("keydown", function(event) {
    alert(event.keyCode);
});

Dieser Code lauscht auf ein Keydown-Ereignis und verwendet die Alarmfunktion, um den keyCode-Wert anzuzeigen, wenn das Ereignis ausgelöst wird.

Darüber hinaus können wir auch andere verwandte Eigenschaften des Ereignisobjekts verwenden, um den Tastaturwert zu erhalten, z. B.:

  1. event.key: Stellt das Zeichen dar, das der gedrückten Taste entspricht, z. B. den Kleinbuchstaben „a“ oder die Zahl „3“.
  2. event.code: Gibt den physischen Ort der gedrückten Taste an. Der Codewert der Taste „a“ ist beispielsweise „KeyA“ und der Codewert der Zifferntaste „3“ ist „Digit3“.

Es ist zu beachten, dass das keyCode-Attribut in einigen Browsern nicht unterstützt wird, während die Schlüssel- und Codeattribute der neue Standard sind und in den meisten modernen Browsern verwendet werden können.

Häufig verwendete Tastaturwerte

Zu den häufig verwendeten Tastaturwerten gehören Buchstaben, Zahlen und Sondertasten (wie Strg, Umschalt und Eingabetaste usw.). Im Folgenden sind einige gängige Tastaturwerte und ihre entsprechenden keyCode-Werte aufgeführt:

  • Buchstaben- und Zifferntasten: Der keyCode-Wert ist derselbe wie der ASCII-Codewert. Der keyCode-Wert der a-Taste ist beispielsweise 97. Der KeyCode-Wert der A-Taste ist 65 und die Zahl 0-. Die entsprechenden Tastaturwerte von 9 sind 48-57.
  • Sondertasten: Der KeyCode-Wert der Strg-Taste beträgt 17, der KeyCode-Wert der Umschalttaste beträgt 16, der KeyCode-Wert der Eingabetaste beträgt 13 und der KeyCode-Wert der Tabulatortaste beträgt 9.

Anhand dieser Tastaturwerte können wir feststellen, ob der Benutzer eine bestimmte Taste gedrückt hat, und entsprechend reagieren.

Zusammenfassung

In diesem Artikel wird erläutert, wie Sie den Tastaturwert in JavaScript abrufen. Durch die Ereignisverarbeitungsfunktion können wir Tastaturereignisse erfassen und die entsprechenden Tastaturwerte abrufen. Zu den häufig verwendeten Tastaturwerten gehören Buchstaben, Zahlen und Sondertasten. Wenn Sie mit diesen Tastaturwerten vertraut sind, können Sie bessere Benutzerinteraktionsfunktionen erzielen.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Tastaturwerte in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn