在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);

支付宝打赏
微信打赏














