Как реагировать на нажатие стрелок клавиатуры?

Question

[tundramani]

Для события onkeypress сделал обработчик который получает event.keyCode

На своем маке всё работает, а у клиента вообще не реагирует на клавиши стрелки, и при их нажатии браузер прокручивает документ.

Браузер перехватывает нажатие стрелок и использует их по своему.

Как это сделать кроссбраузерно?

document.onkeypress = function(event)
{ 
    event.stopPropagation()
    event.preventDefault()

    alert(event.keyCode)
    alert(event.key)
}

Comments

[twobomb]

Пишите

window.addEventListener("keypress",function(e){
//e.keyCode
},false);

Событие keypress не реагирует на нажатие стрелок, используйте keydown,keyup.
Коды клавиш в разной раскладке различаются

Answer 1

[historydev]

Ничего сложного, скорее всего у него либо язык русский включён, либо капслок, всё решается фильтрами и приведением в нижний регистр.

Comments

[Ярослав Иванов]

Причем тут язык и capslock при стрелках ? язык магическим образом меняет код клавиши ?

[historydev]

Ярослав Иванов, верно.

[historydev]

Ярослав Иванов, key = буква клавиши, но если вы юзаете именно code в таком случае возможно ошибка не в отлове, попробуйте открыть в режиме инкогнито, может у вас рабочий код в кэше

[tundramani]

я попросил клиента проверит работу клавиш стрелок на этом сайте:
https://o7planning.org/ru/12319/javascript-keyboar...

там всё нормально реагирует - нормально показывает event.keyCode и event.key
а намоем сайте нет

Код такой:

document.onkeypress = function(event)
	{ 
		event.stopPropagation()
		event.preventDefault()

		alert(event.keyCode)
		alert(event.key)

[tundramani]

браузер перехватывает нажатие стрелок и использует их по своему

[historydev]

js-css-html-php, попробуйте убрать e.preventDefault, это обрекает событие на одноразовое применение