在JavaScript中,处理键盘事件时,通常会使用键码(keyCode)来识别按下的键。以下是一些常用的键盘事件对应的键码:
控制键
键 | 键码 (keyCode) | 键 | 键码 (keyCode) |
---|---|---|---|
Enter | 13 | Page Down | 34 |
Shift | 16 | End | 35 |
Ctrl | 17 | Home | 36 |
Alt | 18 | Left Arrow | 37 |
Pause/Break | 19 | Up Arrow | 38 |
Caps Lock | 20 | Right Arrow | 39 |
Esc | 27 | Down Arrow | 40 |
Space | 32 | Insert | 45 |
Page Up | 33 | Delete | 46 |
数字键
键 | 键码 (keyCode) | 键 | 键码 (keyCode) |
---|---|---|---|
0 | 48 | 5 | 53 |
1 | 49 | 6 | 54 |
2 | 50 | 7 | 55 |
3 | 51 | 8 | 56 |
4 | 52 | 9 | 57 |
字母键
键 | 键码 (keyCode) | 键 | 键码 (keyCode) |
---|---|---|---|
A | 65 | N | 78 |
B | 66 | O | 79 |
C | 67 | P | 80 |
D | 68 | Q | 81 |
E | 69 | R | 82 |
F | 70 | S | 83 |
G | 71 | T | 84 |
H | 72 | U | 85 |
I | 73 | V | 86 |
J | 74 | W | 87 |
K | 75 | X | 88 |
L | 76 | Y | 89 |
M | 77 | Z | 90 |
数字小键盘
键 | 键码 (keyCode) | 键 | 键码 (keyCode) |
---|---|---|---|
0 | 96 | 5 | 101 |
1 | 97 | 6 | 102 |
2 | 98 | 7 | 103 |
3 | 99 | 8 | 104 |
4 | 100 | 9 | 105 |
* | 106 | + | 107 |
Enter | 108 | - | 109 |
. | 110 | / | 111 |
功能键
键 | 键码 (keyCode) | 键 | 键码 (keyCode) |
---|---|---|---|
F1 | 112 | F7 | 118 |
F2 | 113 | F8 | 119 |
F3 | 114 | F9 | 120 |
F4 | 115 | F10 | 121 |
F5 | 116 | F11 | 122 |
F6 | 117 | F12 | 123 |
其他常用键
字符 | 键码 (keyCode) | 字符 | 键码 (keyCode) |
---|---|---|---|
; | 186 | ` | 192 |
= | 187 | [ | 219 |
, | 188 | \ | 220 |
- | 189 | ] | 221 |
. | 190 | ' | 222 |
/ | 191 |
function handleKeyboardEvent(event) { // 获取按键名称 const keyName = event.key; // 获取按键码 const keyCode = event.code; // 在这里可以根据需要执行特定的操作 console.log("按键名称:", keyName); console.log("按键码:", keyCode); } // 在文档中添加键盘事件监听器 document.addEventListener("keydown", handleKeyboardEvent);