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