Нажмите любую клавишу, чтобы определить её и посмотреть значения, которые браузер передаёт в событиях keydown и keyup. Тест показывает key, code, устаревший keyCode, location, repeat и свойства модификаторов ctrlKey, shiftKey, altKey и metaKey. Все данные обрабатываются локально в браузере.
keydownkeyupПри нажатии физической клавиши возникает событие keydown, а при отпускании — keyup. Страница записывает оба события, поэтому подходит для проверки горячих клавиш, управления в играх, форм, функций доступности и нестандартных клавиатур.
| Свойство | Что означает |
|---|---|
key |
Введённый символ или действие: например, а, A или Enter. |
code |
Физическое расположение клавиши: например, KeyA или NumpadEnter. |
keyCode |
Устаревшее числовое значение. Оно показано для совместимости, но не рекомендуется для нового кода. |
location |
Различает обычную, левую, правую клавишу и клавишу цифрового блока. |
repeat |
Принимает значение true, когда удерживаемая клавиша начинает повторяться. |
| Модификаторы | ctrlKey, shiftKey, altKey и metaKey показывают активные модификаторы. |
key, code и keyCodeИспользуйте key, когда важен полученный символ или действие. Одна и та же физическая клавиша может возвращать z в раскладке QWERTZ и y в QWERTY. Используйте code, когда важно положение клавиши, например в управлении игрой. Свойства keyCode и which устарели, а их значения могут различаться между браузерами и операционными системами.
| Клавиша | key |
code |
Устаревший keyCode |
|---|---|---|---|
| Enter | Enter |
Enter |
13 |
| Escape | Escape |
Escape |
27 |
| Пробел | " " |
Space |
32 |
| Стрелка влево | ArrowLeft |
ArrowLeft |
37 |
| Стрелка вверх | ArrowUp |
ArrowUp |
38 |
| Стрелка вправо | ArrowRight |
ArrowRight |
39 |
| Стрелка вниз | ArrowDown |
ArrowDown |
40 |
| A | a или A |
KeyA |
65 |