So erkennst du Punkt (.)
document.addEventListener('keydown', (event) => {
if (event.key === ".") {
// Period (.) was pressed
}
});Verwende event.key, um auf die Bedeutung der Taste zu reagieren (sie folgt dem Tastaturlayout), und event.code für ihre physische Position, zum Beispiel WASD in Spielen. keyCode und which sind veraltet: Sie funktionieren noch, aber ihre Werte unterscheiden sich zwischen Browsern und Layouts.
So verhalten sich Browser bei Punkt (.)
Verwende event.key === "."; die Dezimaltaste des Ziffernblocks hat code NumpadDecimal und tippt auf manchen europäischen Layouts ein Komma.
In React
<input onKeyDown={(e) => { if (e.key === ".") { /* … */ } }} />JavaScript Keycode Finder
Drück eine beliebige Taste und sieh sofort alle Eigenschaften des Keyboard-Events, dazu ein kopierfertiges keydown-Snippet für Shortcuts.
Häufige Fragen
Was ist der keyCode für Punkt (.)?
190. Er ist allerdings veraltet: Verwende im neuen Code event.key („. (oder > mit Shift)“) oder event.code (Period).
Was ist der Unterschied zwischen event.key und event.code?
event.key ist das Zeichen oder die Aktion, die die Taste mit dem aktuellen Layout erzeugt; event.code ist die physische Tastenposition und auf jedem Layout gleich.
Sollte ich keydown oder keypress verwenden?
keydown. Das keypress-Event ist veraltet und wird bei Tasten, die kein Zeichen erzeugen, nicht ausgelöst, etwa Escape oder die Pfeiltasten.