键盘事件码
按下任意键获取 keyCode、code 和 key 值。
Click here, then press any key
How to Use
- 点击页面上的按键检测区域使其获得焦点,然后按键盘上的任意键。
- 即时查看三个键属性:key(逻辑字符值)、code(物理键名称)、keyCode(遗留数字值),以及当前激活的修饰键。
- 复制任意属性值。新代码中推荐使用 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 个键会显示在主结果下方的最近按键区域中。