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

Код клавиши апострофа (') в JavaScript

Для Quote ('), event.key — ' (or " with Shift), event.code — Quote, а устаревший keyCode — 222. Нажмите любую клавишу в Key Code Finder, чтобы увидеть её значения в реальном времени.

Обновлено

СвойствоЗначение
event.key' (or " with Shift)
event.codeQuote
event.keyCode / which (устарело)222

Как определить апостроф (')

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

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

Как браузеры обрабатывают апостроф (')

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

В React

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

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

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