独书先生 Menu

新工具发布:keycode在线识别

需求

前端开发过程当中,我们有时候会需要监听键盘事件,比如使用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