🔧

键盘事件码

按下任意键获取 keyCode、code 和 key 值。

Click here, then press any key

How to Use

  1. 点击页面上的按键检测区域使其获得焦点,然后按键盘上的任意键。
  2. 即时查看三个键属性:key(逻辑字符值)、code(物理键名称)、keyCode(遗留数字值),以及当前激活的修饰键。
  3. 复制任意属性值。新代码中推荐使用 event.code 或 event.key——keyCode 已废弃,应避免使用。

Frequently Asked Questions

key、code 和 keyCode 有什么区别?
key 返回逻辑字符值(如 'A' 或 'Enter'),code 返回物理键位名称(如 'KeyA' 或 'ArrowUp'),keyCode 是遗留数字标识符。现代 JavaScript 中应使用 key 或 code。
为什么 keyCode 已废弃?
keyCode 在不同浏览器和键盘布局间表现不一致。较新的 key 和 code 属性更可靠,也是 W3C 的推荐选择。
会记录按键历史吗?
会——最近按下的 8 个键会显示在主结果下方的最近按键区域中。