需求
前端开发过程当中,我们有时候会需要监听键盘事件,比如使用document.onkeydown
去监听,接着就要根据每个键盘的keycode来判断用户按了哪个键。
document.onkeydown = function (event) {
var e = event || window.event || arguments.callee.caller.arguments[0];
if (e && e.keyCode == 27) {
// 按 Esc
//要做的事情
}
if (e && e.keyCode == 113) {
// 按 F2
//要做的事情
}
if (e && e.keyCode == 13) {
// enter 键
//要做的事情
}
};
为了找到keycode,通常我们都需要去搜索下,很麻烦。有没有快速查找这些keycode码的方法呢?
答案就是小编要推荐的这款工具,快速识键盘的keycode
工具
地址:https://dushusir.com/kcode/
使用方式:
- 打开网页,直接敲击键盘,就能直接显示对应的keycode了
- 点击右上角的table还能显示全部的按键对应的keycode,查找起来非常方便
- 还可以切换暗黑和正常模式
总结
有任何疑问欢迎向作者反馈,更多小工具,欢迎访问:https://lwebapp.com/zh/tools