无需登录 数据私有 本地保存

按键代码查看器 - JavaScript KeyCode在线检测

开发工具 检测工具 KeyCode 按键 检测
77
0
0
0
键盘事件（Keyboard Event）：当用户按下或释放键盘上的按键时触发的 DOM 事件类型。主要有三种：keydown（按键按下时触发）、keypress（按键按下且产生字符时触发，已废弃）和 keyup（按键释放时触发）。键盘事件对象包含了丰富的按键信息，是前端交互开发的重要组成部分。key 属性：键盘事件对象的一个只读属性，返回按键对应的实际字符或功能名称。对于可打印字符，返回对应的字符（如按下 A 键返回「a」，按住 Shift 时返回「A」）；对于功能键，返回功能名称（如按下回车键返回「Enter」，按下退格键返回「Backspace」）。key 属性是 W3C 推荐使用的现代属性，能够根据当前键盘布局和修饰键状态正确返回按键含义。keyCode 属性：键盘事件对象的一个只读属性，返回一个无符号整数（0-255），表示按键的数字编码。例如字母 A 的 keyCode 为 65，数字 1 的 keyCode 为 49，空格键的 keyCode 为 32。keyCode 属性的主要问题在于其返回值在不同浏览器和不同键盘布局下可能不一致，且无法区分同一按键的不同位置（如左 Shift 和右 Shift），因此已被 W3C 标准正式废弃。code 属性：键盘事件对象的一个只读属性，返回按键的物理位置标识符（DOMString）。与 key 属性不同，code 属性不随键盘布局或修饰键状态改变，始终返回按键在标准键盘上的固定位置标识。例如字母 A 键始终返回「KeyA」，左侧 Shift 键始终返回「ShiftLeft」，数字小键盘的 1 键返回「Numpad1」。code 属性在需要处理物理键盘布局的场景下非常有用。which 属性：键盘事件对象的一个只读属性，返回按键的数字编码，其值在大多数情况下与 keyCode 相同。which 属性是早期键盘事件 API 的一部分，属于非标准属性，现代浏览器保留该属性主要是为了向后兼容旧版代码。location 属性：键盘事件对象的一个只读属性，返回一个长整数表示按键在键盘上的位置。值为 0 表示标准位置或无法确定位置（如字母键、数字键）；值为 1 表示键盘左侧（如左 Shift、左 Ctrl、左 Alt）；值为 2 表示键盘右侧（如右 Shift、右 Ctrl、右 Alt、右箭头键）；值为 3 表示数字小键盘区域。location 属性是区分左右修饰键和识别数字小键盘输入的重要依据。keydown 事件：在用户按下键盘按键的瞬间触发的事件，是键盘事件中触发最早的事件类型。keydown 事件对所有按键都会触发，包括功能键和修饰键，且在按键被持续按住时会重复触发。这是实际开发中最常用的键盘事件类型。keyup 事件：在用户释放键盘按键的瞬间触发的事件，每个按键的 keyup 事件只会触发一次，即使用户持续按住按键也不会重复。keyup 通常用于检测按键操作的结束。修饰键（Modifier Key）：指 Shift、Ctrl、Alt、Meta（Windows 键或 Command 键）等可以与其他按键组合使用的特殊按键。修饰键本身不会产生可打印字符，但会改变其他按键的行为和属性值。
🔧 相关工具