按任意键实时查看按键的 key、code、keyCode、which 值,前端开发必备
keyCode 和 which 属性已被 Web 标准废弃(deprecated),不推荐在新项目中使用。建议使用 KeyboardEvent.key 和 KeyboardEvent.code 代替。location 值说明:0 = 标准键盘,1 = 左侧,2 = 右侧,3 = 数字键盘。
点击页面任意区域确保获得焦点,然后按键盘上的任意键。页面会实时显示该按键的 key(如 'a'、'Enter')、code(如 'KeyA'、'Enter')、keyCode(如 65、13)以及 which 和 location 信息,也可使用 按键符号 工具。
location 表示按键在键盘上的物理位置:0 = 标准键盘区,1 = 左侧键(如左 Shift),2 = 右侧键(如右 Shift),3 = 数字小键盘。这可以帮助区分左右两侧的同名键,可配合 HTML 特殊字符 工具一起使用。
keyCode 和 which 已被 W3C 标准标记为废弃。虽然大部分浏览器仍支持,但新建项目应使用 KeyboardEvent.key 和 KeyboardEvent.code。key 返回按键的逻辑字符值(如 'a'),code 返回物理键位代码(如 'KeyA'),两者不可互换,也可使用 常用符号 工具。
页面会记录最近 10 次按键,以标签形式展示在页面下方。点击历史记录中的任意标签可重新查看该按键的详细信息。