javascript 中特殊键（箭头等）的跨浏览器按键

Question

我正在构建一个终端的浏览器界面。我需要捕获字符（字母数字、点、斜杠……）和非字符按键（箭头、F1-F12……）。另外，如果用户按住某个键，那么重复按键会很好（应该重复调用该函数，直到释放键为止）。空格键、字符也是如此...

我希望它尽可能跨浏览器（jQuery keypress 在该帐户上失败）。我也尝试过使用 jquery.hotkeys.js 的分支，但如果我理解正确，我可以不能在单个函数中同时捕获特殊键和字符键（前者应使用 keydown，后者应使用 keydown）。

是否有一个 JS 库可以让我捕获字符和特殊键？

我希望我没有遗漏一些明显的东西。 :)

更新 澄清一下：我正在寻找可以向我隐藏浏览器实现细节的库。

Answer 1

onkeydown 正是您所需要的。它捕获所有按键，即使您按住一个按钮，它也会重复触发。

<input type='text' onkeydown='return myFunc(this,event)'>

<script>
   function myFunc(Sender,e){
     var key = e.which ? e.which : e.keyCode;

     if(key == someKey){ // cancel event and do something
        ev.returnValue = false;
        if(e.preventDefault) e.preventDefault();
        return false;
     }
   }
</script>

更新尝试使用 jQuery 进行测试

$(document).ready(function(){
$('#in').keydown(fn);
});

var cnt = 0;
function fn(e){
   var key = e.keyCode ? e.keyCode : e.which;
   cnt++;

   if(cnt == 10) {
  alert('event was fired 10 times. Last time with key: '+key);
      cnt = 0;
   }
}

Answer 2

DOM 3 事件规范包括按键事件，但是它仍然是一个工作草案，因此可能尚未得到广泛支持，但应该非常有帮助。

要将按键代码转换为字符，您可能会发现 Quriskmode 很有帮助。知道按下了哪个键以及哪些修饰符可以让您到达您想要的位置。请注意，将所有键盘映射到相同字符集时可能会遇到问题，因为有些键盘具有其他键盘没有的键（例如 Microsoft“windows”键和 Apple 命令键）。可能需要进行一些尝试和错误。

哦，您可能会发现这篇文章 JavaScript 疯狂：键盘事件 很有趣。

Answer 3

我最终使用了 keycode.js，但正在围绕 keydown、keypress 构建一个完整的事件管理系统和 keyup 事件，因为如果没有对应的字符，仅其中一个事件（keydown）不足以确定输入了哪个字符以及按下了哪个键。浏览器不兼容是这一挑战的额外好处。 :)

谢谢你们的回答，它帮助我充分理解了问题。