В некоторых ситуациях важно детально понять, какая клавиша была нажата в поле и соответственно отреагировать на ней. В короткой статье — таблица основных важных клавиш и их кодов для обработки.
Сначала пример, как же собственно «ловить» нажатие:
$('#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 |