工具功能
本工具可以实时检测你按下的键盘按键,显示按键的各类信息,包括事件类型、键名、物理代码、键值码、Unicode编码等,同时提供了常用按键的码表参考。
使用方法
1. 在上方输入区域按下任意键盘按键;
2. 工具会自动显示对应按键在keydown/keyup/keypress三种事件中的各类属性信息;
3. 下方表格列出了常用按键的标准码值,可供开发参考。
参数说明
- key:当前按下按键的名称,可打印字符就是字符本身,特殊键返回功能名称(如Enter、ArrowUp)
- code:键盘物理按键的代码,不区分大小写,标识物理按键位置
- keyCode:已废弃的按键属性,用于获取按键的数字编码,保留用于兼容性参考
- which/charCode:也是已废弃的DOM事件属性,保留兼容性展示
- location:标识按键在键盘上的位置,同一按键(如左右Shift)区分位置使用
- Unicode 编码:可打印字符对应的Unicode十进制编码
开发参考说明
在现代前端开发中,推荐使用标准属性key和code来获取按键信息,keyCode、which、charCode这些属性已经从Web标准中废弃,但是很多老代码还在使用,本工具保留展示方便调试老项目。