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

Question

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

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

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

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

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

Answer 1

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

谢谢你们的回答，它帮助我完全理解了这个问题。

Answer 2

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 3

DOM 3 事件规范包括 key events，但它仍然是一个工作草案，因此可能还没有得到广泛支持，但应该很有帮助。

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

哦，您可能会发现文章 JavaScript Madness: Keyboard Events 很有趣。