devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Код клавиши Context Menu в JavaScript

Для Context Menu, event.key — ContextMenu, event.code — ContextMenu, а устаревший keyCode — 93. Нажмите любую клавишу в инструменте поиска кодов клавиш, чтобы увидеть её значения в реальном времени.

Обновлено

СвойствоЗначение
event.keyContextMenu
event.codeContextMenu
event.keyCode / which (устарело)93

Как определить клавишу Context Menu

document.addEventListener('keydown', (event) => {
  if (event.key === "ContextMenu") {
    // Context Menu was pressed
  }
});

Используйте event.key, чтобы реагировать на то, что означает клавиша (она учитывает раскладку клавиатуры), и event.code для её физического положения, например WASD в играх. keyCode и which устарели: они по-прежнему работают, но их значения различаются в разных браузерах и раскладках.

Как браузеры обрабатывают клавишу Context Menu

Клавиша меню (или Shift+F10) открывает контекстное меню. Лучше слушать событие contextmenu, а не эту клавишу, чтобы мышь, клавиатура и долгое нажатие работали одинаково.

В React

<input onKeyDown={(e) => { if (e.key === "ContextMenu") { /* … */ } }} />

Часто задаваемые вопросы

Какой keyCode у Context Menu?
93. Однако это устаревшее значение: в новом коде используйте event.key («ContextMenu») или event.code (ContextMenu).
В чём разница между event.key и event.code?
event.key — это символ или действие, которое клавиша даёт при текущей раскладке; event.code — физическое положение клавиши, одинаковое на любой раскладке.
Что использовать: keydown или keypress?
keydown. Событие keypress устарело и не срабатывает для клавиш, которые не вводят символы, например Escape или стрелки.