В некоторых ситуациях важно детально понять, какая клавиша была нажата в поле и соответственно отреагировать на ней. В короткой статье — таблица основных важных клавиш и их кодов для обработки.
Сначала пример, как же собственно «ловить» нажатие:
$('#textbox').keyup(function (e) { if (e.keyCode == 13) { alert('Нажата клавиша Enter!'); } });
Как видите — в обработчик всегда приходит переменная с свойствами события. Для событий keypress, keyup, keydown
— в ней всегда будет свойство keyCode
, которое и хранит код нажатой клавиши.
Таблица кодов основных функциональных клавиш:
Enter | 13 |
Стрелка вверх | 38 |
Стрелка вниз | 40 |
Стрелка влево | 37 |
Стрелка вправо | 39 |
Escape | 27 |
Пробел | 32 |
Ctrl | 17 |
Alt | 18 |
Tab | 9 |
Shift | 16 |
Caps-lock | 20 |
Windows | 91 |
Backspace | 8 |
Home | 36 |
End | 35 |
Insert | 45 |
Delete | 46 |
Page Up | 33 |
Page Down | 34 |
Numlock | 144 |
F1-F12 | 112 — 123 |
Scroll-lock | 145 |
Pause-break | 19 |