JavaScript 键盘事件 keyCode 对照与触发顺序详解
作者：流萤时间：2026-10-23 11:55:50浏览：567
本文整理 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 事件进行监听。
作者最新文章
JavaScript将图片转换为Base64编码的两种途径
2026-11-05 16:43:05
怎么在 Vue 或 React 项目中正确集成 animate.js
2026-11-05 10:23:38
JS注册事件：addEventListener基础语法与参数详解
2026-11-05 08:44:56
JSP和JS的区别：运行环境与服务端/客户端职责解析
2026-11-04 23:34:36
pdf.js 官方下载地址：GitHub Release 获取预编译包
2026-11-04 23:07:27