最近做项目,某些地方常用到一些用键盘码来触发事件,所以记录了一下经常使用的js键盘代码和组合键盘事件。
- 常用控制键键码
- 字母和数字键码
常用控制键键码
常用按键 | 键码 |
---|---|
Backspace | 8 |
Tab | 9 |
Enter | 13 |
Shift | 16 |
Ctrl | 19 |
Alt | 18 |
Esc | 27 |
CapsLock | 20 |
Pageup | 33 |
Pagedown | 34 |
End | 35 |
Home | 36 |
← | 37 |
↑ | 38 |
→ | 39 |
↓ | 40 |
Delete | 46 |
Numlock | 144 |
数字和字母键盘码
按键 | 键码 | 按键 | 键码 |
---|---|---|---|
A | 65 | 1 | 49 |
B | 66 | 2 | 50 |
C | 67 | 3 | 51 |
D | 68 | 4 | 52 |
E | 69 | 5 | 53 |
F | 70 | 6 | 54 |
G | 71 | 7 | 55 |
H | 72 | 8 | 56 |
I | 73 | 9 | 57 |
按键 | 键码 | 按键 | 键码 |
---|---|---|---|
J | 74 | R | 82 |
K | 75 | S | 83 |
L | 76 | T | 84 |
M | 77 | U | 85 |
N | 78 | V | 86 |
O | 79 | W | 87 |
P | 80 | X | 88 |
Q | 81 | Y | 89 |
W | 90 |
html的原生键盘事件有三种:
- keydown :按键按下;
- keypress:按键按下松开;
- keyup:按键抬起;
根据特性,在项目中可以按需使用,三种键盘事件执行顺序也有略微差别,比如keydown最先触发,其次keypress比keyup先触发事件