Какую клавишу я нажимаю?
Нажмите любую клавишу, и страница покажет её event.key, event.code и устаревший keyCode. Например, клавиша A даёт key "a", code "KeyA" и keyCode 65, а клавиша Enter даёт code "Enter" и keyCode 13.
Как пользоваться
- Щёлкните в любом месте страницы и нажмите клавишу на клавиатуре. Щёлкать по полю ввода не нужно.
- В панели смотрите название клавиши, физический код и устаревший keyCode. Удерживайте Shift, Ctrl, Alt или Cmd, чтобы увидеть состояние модификаторов, и держите клавишу, чтобы включился индикатор повтора.
- Кнопка «Копировать» переносит значения в ваш код. В списке ниже хранятся последние десять нажатий.
Как считается
Браузеры отправляют событие keydown при каждом нажатии. event.key это значение, которое выдаёт клавиша, например "a", "A" или "Enter"; оно зависит от раскладки и состояния Shift. event.code это физическая клавиша, например "KeyA"; она не меняется в разных раскладках, поэтому подходит для управления в играх.
event.keyCode это старый числовой код. Он устарел, но остаётся в старых скриптах и коде эпохи jQuery, поэтому его показывают. Во время набора через метод ввода (IME) он равен 229. event.location показывает расположение клавиши: 0 основная, 1 левая, 2 правая, 3 цифровой блок.
Чтобы страница не прокручивалась и не открывала справку во время проверки, инструмент отменяет действие браузера по умолчанию для большинства клавиш. Tab, Escape, F5, F11, F12 и сочетания с Ctrl или Cmd не затрагиваются. Клавиши, которые обрабатывает операционная система, например Fn, громкость и яркость, до страницы не доходят.
Частые вопросы
Чем event.key отличается от event.code?
event.key это то, что клавиша вводит, поэтому он зависит от раскладки и Shift. event.code это физическое положение. На французской клавиатуре AZERTY клавиша на месте Q даёт code "KeyQ", но key "a". Для управления в играх берите code, для сочетаний, зависящих от символа, берите key.
Стоит ли ещё использовать keyCode?
Нет. keyCode и which устарели. В новом коде используйте event.key или event.code. Числа показаны, чтобы вы могли читать и чинить старые скрипты, где, например, 13 это Enter, 27 Escape, а 32 пробел.
Почему отображается 229 или "Process"?
Методы ввода для китайского, японского, корейского и других языков забирают клавишу первыми, пока вы набираете текст, поэтому браузер сообщает 229. Если нужны обычные значения клавиш, переключитесь на английскую раскладку.
Почему не видно моё сочетание или медиаклавишу?
Операционная система или браузер могут перехватить клавишу раньше страницы. Примеры: Ctrl+W, Alt+Tab, Cmd+Q и ряд Fn на многих ноутбуках. Если страница не реагирует, клавиша не доходит до веб-кода.