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

Код клавиши ] (Right bracket) в JavaScript

Для правой квадратной скобки (]), event.key — это ] (or } with Shift), event.code — это BracketRight, а устаревший keyCode — 221. Нажмите любую клавишу в Поиске кодов клавиш, чтобы увидеть её значения в реальном времени.

Обновлено

СвойствоЗначение
event.key] (or } with Shift)
event.codeBracketRight
event.keyCode / which (устарело)221

Как определить правую квадратную скобку (])

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

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

Как браузеры обрабатывают правую квадратную скобку (])

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

В React

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

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

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