跨浏览器键盘事件处理程序

Question

我借用了一个按键处理程序，它曾经可以跨浏览器工作，但现在不再在 webkit 浏览器上工作。任何人都可以提供如何修复的建议吗？

这是处理程序：

function handleKeys(e) {
    //credit: http://santrajan.blogspot.com/2007/03/cross-browser-keyboard-handler.html
    var character;
    var evt = (e) ? e : window.event;       //IE reports window.event not arg
    if (evt.type == "keydown") {
        character = evt.keycode;
        if (character < 16 ||                    // non printables
            (character > 16 && character < 32) ||     // avoid shift
            (character > 32 && character < 41) ||     // navigation keys
            character == 46) {                   // Delete Key (Add to these if you need)
            handleNonChar(character);            // function to handle non Characters
            nonChar = true;
        } else
            nonChar = false;
    } else {                                // This is keypress
        if (nonChar) return;                // Already Handled on keydown
        character = (evt.charCode) ?
                   evt.charCode : evt.keyCode;
        if (character > 31 && character < 256)        // safari and opera
            handleChar(character);               //
    }
}

处理程序在页面中被调用，如下所示：

<script>
document.onkeydown = function(e) {handleKeys(e)}
document.onkeypress = function(e) {handleKeys(e)}
var nonChar = false;
</script>

谢谢！

蒂姆

Answer 1

如果您配对一个 JS 库来规范 charCode/keyCode 差异，并将其与专用于键盘输入的插件结合使用，您应该会很好地理解。

我使用了 jQuery 和 热键插件。但是，您也可以使用快捷键键盘处理，而不使用 jQuery（HotKeys 插件所基于的）在）。

我非常喜欢这些提供的键盘快捷键功能 - 但应该注意的是，某些键盘组合可能会触发（或者用户可能期望它们触发）特定浏览器中的某些操作。

例如，您可以捕获 [CTRL] + [A] 键盘组合，但如果您阻止它选择所有文本 - 我可以看到用户非常恼火。