Я тестирую функцию в Browserstack и не уверен, действительно ли она не работает в Windows или Browserstack просто не получает должным образом мои события клавиатуры.
Я пытаюсь определить, когда пользователь нажимает ctrl + enter. У меня есть фрагмент кода ниже, который отлично работает в Chrome на моем MacBook. Однако, когда я использую Browserstack для запуска в Windows 10 с Chrome 87 (последняя версия), он не регистрирует правильное событие клавиатуры.
Действия по воспроизведению
- На MacBook перейдите на www.browserstack.com.
- Начните прямую трансляцию с этого сообщения в качестве URL:
https://stackoverflow.com/questions/65113392
- Выберите Windows 10 Chrome 87 (последняя версия)
- Нажмите кнопку «Запустить фрагмент кода» ниже в стеке браузера.
- Щелкните поле ввода
- Нажмите ctrl + enter
Ожидаемое поведение: Я вижу ключ: Enter, ctrlKey: true
Наблюдаемое поведение: я вижу ключ: Control, ctrlKey: true
const input = document.getElementById('input')
const output = document.getElementById('output')
input.addEventListener('keydown', (e) => {
output.innerText = `key: ${e.key}, ctrlKey: ${e.ctrlKey}`
})
<input type="text" id="input" />
<div id="output"></div>