Как определить Точку (.)
document.addEventListener('keydown', (event) => {
if (event.key === ".") {
// Period (.) was pressed
}
});
Используйте event.key, чтобы определить, что означает клавиша (значение зависит от раскладки клавиатуры), и event.code для её физического положения, например WASD в играх. keyCode и which устарели: они всё ещё работают, но их значения различаются в разных браузерах и раскладках.
Как браузеры обрабатывают Точку (.)
Используйте event.key === "."; у клавиши десятичного разделителя на цифровой клавиатуре code NumpadDecimal, а на некоторых европейских раскладках она вводит запятую.
В React
<input onKeyDown={(e) => { if (e.key === ".") { /* … */ } }} />Поиск keycode для JavaScript
Нажмите любую клавишу и сразу увидите все свойства события клавиатуры, а также готовый к копированию фрагмент keydown для горячих клавиш.