Определение цифры из любого ряда
document.addEventListener('keydown', (e) => {
if (/^[0-9]$/.test(e.key)) {
console.log('digit', Number(e.key)); // top row or numpad
}
});На французских раскладках AZERTY верхний ряд без Shift вводит символы (&, é, « …), поэтому e.key там не является цифрой — ещё одна причина проверять e.key, а не полагаться на позиции клавиш.
Поиск 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 для позиций клавиш.