Определение буквы
document.addEventListener('keydown', (e) => {
if (e.key.toLowerCase() === 's' && (e.ctrlKey || e.metaKey)) {
e.preventDefault(); // Ctrl/Cmd + S
save();
}
});Сравнение e.key.toLowerCase() учитывает Shift и Caps Lock. Для игровых элементов управления, которые должны оставаться на одном месте на любой раскладке, сравнивайте e.code ("KeyW", "KeyA", "KeyS", "KeyD").
Поиск keycode для JavaScript
Нажмите любую клавишу и сразу увидите все свойства события клавиатуры, а также готовый к копированию фрагмент keydown для горячих клавиш.
Часто задаваемые вопросы
Меняется ли event.key для букв в верхний регистр?
Буквы следуют за Shift и Caps Lock: event.key обычно равен “a”, а при Shift — “A”. event.code в обоих случаях остаётся KeyA.
Меняются ли коды клавиш в зависимости от раскладки?
event.key меняется вместе с раскладкой (на французской AZERTY клавиша на месте A выводит Q); event.code всегда называет физическую клавишу.
Нужно ли по-прежнему использовать keyCode?
Нет, он устарел. Используйте event.key для символов и event.code для позиций клавиш.