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

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

78
0
0
0
本工具具备三大核心功能模块,全面覆盖按键代码调试的各种使用场景。第一,「实时按键属性显示」是工具的基础核心功能。当用户在页面上按下任意键盘按键时,工具会立即捕获对应的键盘事件,并在界面上同时展示五个关键属性的值。其中「key」属性返回按键对应的字符或功能名称,例如按下字母 A 会显示「a」,按下回车键会显示「Enter」,按下 Shift 键会显示「Shift」,这个属性是最直观也最推荐在现代开发中使用的属性。「keyCode」属性返回一个数字编码,例如字母 A 的 keyCode 是 65,数字 1 的 keyCode 是 49,虽然该属性已被 W3C 标准废弃,但在大量存量代码和旧版浏览器中仍在广泛使用,工具保留显示以方便开发者维护旧项目。「code」属性返回按键的物理位置标识,例如左侧 Shift 键显示「ShiftLeft」,右侧 Shift 键显示「ShiftRight」,字母 A 键无论键盘布局如何始终显示「KeyA」,这个属性在处理不同键盘布局时非常有用。「which」属性是早期键盘事件的兼容属性,其值与 keyCode 基本一致,部分旧版浏览器和框架仍依赖该属性。「location」属性返回一个数字表示按键在键盘上的位置,0 表示标准位置,1 表示左侧(如左 Shift、左 Ctrl),2 表示右侧(如右 Shift、右 Ctrl),3 表示数字小键盘区域。所有五个属性在同一时间完整展示,让用户一目了然地掌握按键的所有信息。第二,「按键历史记录」功能自动记录每次按键的完整属性信息,并以时间顺序显示在历史列表区域。每条历史记录包含按键时间戳和所有属性值,用户可以通过历史记录方便地对比不同按键的属性差异,也可以在调试过程中回溯查看之前按下的键值,无需反复按下同一个键来确认。历史记录列表支持一键清空,方便用户重新开始新的调试会话。第三,「常用按键对照表」功能在工具页面底部提供了一份完整的按键编码速查表。对照表按照按键类型分类整理,涵盖字母键(A-Z)、数字键(0-9)、功能键(F1-F12)、修饰键(Shift、Ctrl、Alt、Meta)、方向键、编辑键(Backspace、Delete、Insert、Home、End、PageUp、PageDown)、系统键(Tab、CapsLock、NumLock、ScrollLock)、标点符号键以及数字小键盘按键等。每种按键都列出了其对应的 key、keyCode、code、which 和 location 五个属性值,开发者可以直接在表格中查找需要的信息,而无需逐一按下每个键来获取对应的编码值。