Коди символів Javascript (коди клавіш)

Key Code backspace 8 tab 9 enter 13 shift 16 ctrl 17 alt 18 pause/break 19 caps lock 20 escape 27 page up 33 page down 34 end 35 home 36 left arrow 37 up arrow 38 right arrow 39 down arrow 40 insert 45 delete 46 0 48 1 49 2 50 3 51 4 52 5 53 6 54 7 55 8 56 9 57 a 65 b 66 c 67 d 68

Key Code e 69 f 70 g 71 h 72 i 73 j 74 k 75 l 76 m 77 n 78 o 79 p 80 q 81 r 82 s 83 t 84 u 85 v 86 w 87 x 88 y 89 z 90 left window key 91 right window key 92 select key 93 numpad 0 96 numpad 1 97 numpad 2 98 numpad 3 99 numpad 4 100 numpad 5 101 numpad 6 102 numpad 7 103

Key Code numpad 8 104 numpad 9 105 multiply 106 add 107 subtract 109 decimal point 110 divide 111 f1 112 f2 113 f3 114 f4 115 f5 116 f6 117 f7 118 f8 119 f9 120 f10 121 f11 122 f12 123 num lock 144 scroll lock 145 semi-colon 186 equal sign 187 comma 188 dash 189 period 190 forward slash 191 grave accent 192 open bracket 219 back slash 220 close braket 221 single quote 222

JavaScript KeyCode Finder & Посилання на події

Миттєво знайдіть числові значення keyCode, key та code для будь-якого натискання клавіші. Наш інтерактивний JS KeyCode інструмент допомагає розробникам фіксувати введення користувача, створювати гарячі клавіші та точно керувати ігровими контролами. Просто натисніть клавішу, щоб побачити дані події в реальному часі.

Чому варто використовувати KeyCode інструмент?

У веб-розробці обробка подій клавіатури є критично важливою для доступності та UX. Цей інструмент надає три ключові значення для addEventListener:

• event.key: Фактичний символ, який генерується (наприклад, "a", "Enter", "ArrowUp").
• event.code: Фізична клавіша на клавіатурі (наприклад, "KeyA", "NumpadEnter").
• event.keyCode (Legacy): Числовий код, пов’язаний із клавішею (наприклад, 13 для Enter, 27 для Escape).

Сучасні vs старі події

Хоча багато старих уроків використовують 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

1. Фокус: Клікніть у поле для активації.
2. Натисніть: Натисніть будь-яку клавішу.
3. Перевірте: Екран миттєво оновить числовий код та рядкові значення події.
4. Впровадьте: Копіюйте значення безпосередньо у свої if або switch.

Примітка для розробників: Усі події відстежуються локально у браузері через keydown listener. Дані не передаються на наші сервери.