⌨️ 键盘按键码查询
📖 键盘按键码查询使用指南
操作步骤
①
按下键盘任意键
将光标放在Enter框后按下任意键
⌨️ 键盘Enter②
查看keyCode/key/code等属性
查看按键的多种Encode属性
📋 Encode属性③
支持组合键
配合Ctrl/Shift/Alt查看组合键
🔗 组合键支持④
点击Copy
点击属性值快速Copy
📋 Copy功能💡 现代开发推荐用event.code代替event.keyCode
使用场景
💻 前端开发
写键盘事件时需要知道keyCode值
🎮 游戏开发
设置游戏按键时查键码
🔧 快捷键
开发快捷键功能时查键码
按下任意键，获取 keyCode、key、code 等完整信息
👇 点击此区域，然后按下任意键
等待按键...
event.key
-
event.code
-
event.keyCode
-
event.which
-
event.location
-
event.key.charCodeAt(0)
-
Ctrl
Shift
Alt
Meta
常用按键码速查表
| 按键 | keyCode | key | code |
|---|---|---|---|
| Enter | 13 | Enter | Enter |
| Tab | 9 | Tab | Tab |
| Escape | 27 | Escape | Escape |
| Space | 32 | Space | |
| ArrowLeft | 37 | ArrowLeft | ArrowLeft |
| ArrowUp | 38 | ArrowUp | ArrowUp |
| ArrowRight | 39 | ArrowRight | ArrowRight |
| ArrowDown | 40 | ArrowDown | ArrowDown |
| Backspace | 8 | Backspace | Backspace |
| Delete | 46 | Delete | Delete |
| Home | 36 | Home | Home |
| End | 35 | End | End |
| PageUp | 33 | PageUp | PageUp |
| PageDown | 34 | PageDown | PageDown |
| Insert | 45 | Insert | Insert |
| F1 | 112 | F1 | F1 |
| F2 | 113 | F2 | F2 |
| F3 | 114 | F3 | F3 |
| F4 | 115 | F4 | F4 |
| F5 | 116 | F5 | F5 |
| F6 | 117 | F6 | F6 |
| F7 | 118 | F7 | F7 |
| F8 | 119 | F8 | F8 |
| F9 | 120 | F9 | F9 |
| F10 | 121 | F10 | F10 |
| F11 | 122 | F11 | F11 |
| F12 | 123 | F12 | F12 |
| A | 65 | a | KeyA |
| B | 66 | b | KeyB |
| C | 67 | c | KeyC |
| 0-9 | 48-57 | 0-9 | Digit0-Digit9 |