Barokit

⌨️JavaScript键事件代码查看

按下键盘时实时显示该事件的key、code、keyCode、which属性。常用于键盘快捷键实现、游戏操作调试、表单按键事件处理、IME输入调试。

🔒 浏览器内处理无水印无需注册

使用方法

  1. 1在页面上按任意键。
  2. 2事件属性实时显示。
  3. 3Shift/Ctrl/Alt组合也可检查。

常见问题

key和code的区别?+

key是输入结果(如'A'、'ㄱ'),code是物理键位置(如'KeyA')。快捷键通常推荐用code(键位置)。

为什么keyCode被弃用?+

是旧版本标准,不同键盘布局值不同。现在推荐使用key/code。

韩文输入时IME怎么处理?+

韩文输入中ime-process阶段key事件不同。需用compositionstart/end事件单独处理。

如何验证快捷键(Ctrl+S等)?+

同时检查ctrlKey、shiftKey、altKey、metaKey属性。Mac通常用metaKey(Cmd),Windows用ctrlKey。

方向键、Enter、Escape呢?+

key显示为'ArrowUp'、'Enter'、'Escape'等明确名称。

功能键(F1~F12)呢?+

key显示为'F1'、'F2'等。注意浏览器会拦截F1(帮助)、F5(刷新)等。

相关工具