JavaScript KeyCode Finder & Event Reference
Намерете мигновено числовия keyCode, key и code за всяко натискане на клавиш. Нашият интерактивен JS KeyCode инструмент помага на разработчиците да улавят вход от потребителя, да създават клавишни комбинации и да управляват контроли в игри с точност. Просто натиснете клавиш, за да видите данните от събитието в реално време.
Защо да използвате KeyCode инструмент?
В уеб разработката обработката на клавишни събития е важна за достъпността и потребителското изживяване. Този инструмент предоставя трите критични стойности, необходими за addEventListener:
- event.key: Реалният символ (например
"a", "Enter", "ArrowUp").
- event.code: Физическият клавиш на клавиатурата (например
"KeyA", "NumpadEnter").
- event.keyCode (Стар метод): Числовият код, свързан с клавиша (например
13 за Enter, 27 за Escape).
Модерни срещу стари клавишни събития
Докато много стари уроци използват event.keyCode, съвременният стандарт в уеб разработката преминава към event.key и event.code за по-добра поддръжка на различни браузъри и международни клавиатури.
- Остарял:
keyCode, which, и charCode.
- Модерен стандарт:
key (стойност) и code (позиция).
Често използвани JavaScript KeyCodes
| Клавиш |
keyCode |
.key стойност |
.code стойност |
| Enter |
13 |
"Enter" |
"Enter" |
| Escape |
27 |
"Escape" |
"Escape" |
| Space |
32 |
" " |
"Space" |
| Arrow Up |
38 |
"ArrowUp" |
"ArrowUp" |
| Tab |
9 |
"Tab" |
"Tab" |
Как да използвате KeyCode Finder
- Фокус: Кликнете в полето на страницата, за да се уверите, че е активно.
- Натиснете: Натиснете произволен клавиш на клавиатурата.
- Проверете: Екранът ще се обнови мигновено с числовия код и стринговите стойности за това събитие.
- Прилагане: Копирайте стойностите директно във вашите
if или switch конструкции.
Бележка за разработчици: Всички събития се засичат локално в браузъра чрез keydown слушател. Никакви данни не се записват или изпращат на нашите сървъри.