本文整理 JavaScript 中 keydown、keyup 和 keypress 事件的 keyCode 数值对照,涵盖大小键盘及字母符号。重点说明 keydown 先于 keypress 触发,而 keyup 适用于获取按键后的输入状态,帮助开发者准确处理键盘交互逻辑。
KeyPress 事件的 KeyCode 说明
首先介绍 Keypress 事件的 KeyCode 数值。
|
|
小键盘 |
大键盘 |
|
“-” |
45 |
45 |
|
“.” |
46 |
46 |
|
0~9 |
48~57 |
48~57 |
|
“m” |
|
109 |
|
“n” |
|
110 |
|
a~z |
|
97~122 |
|
“`” |
|
96 |
|
a~i |
|
97~105 |
KeyDown 事件的 KeyCode 对照
接着列出 Keydown 事件的 KeyCode 数值。
|
|
小键盘 |
大键盘 |
|
“m” |
|
77 |
|
“n” |
|
78 |
|
“-” |
109 |
189 |
|
“.” |
110 |
190 |
|
0~9 |
96~105 |
48~57 |
|
左,上,右,下 |
|
37~40 |
KeyUp 事件与触发顺序解析
Keyup 事件的 KeyCode 与 Keydown 保持一致。需要注意的是,Keydown 事件总是在 Keypress 之前触发;若需获取用户按键后的输入结果,应使用 Keyup 事件进行监听。