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

Код клавиши Home в JavaScript

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

Обновлено

СвойствоЗначение
event.keyHome
event.codeHome
event.keyCode / which (устарело)36

Как определить Home

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

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

Как браузеры обрабатывают Home

Клавиша Home перемещает курсор в начало строки или прокручивает страницу к началу. В списках и сетках она должна переводить фокус на первый элемент.

В React

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

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

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