如何在Javascript函数中处理ArrowKeys和<(大于)?哪个事件和哪个代码(charCode或keyCode)?

Sil*_*ght 2 javascript events keycode arrow-keys

如何<在Javascript函数中处理ArrowKeys和(大于)?哪个事件和哪个代码(charCode或keyCode)?

我很困惑如何做到这一点.我仔细阅读了这个链接, 事件和keyCode + charCode,但我找不到任何解决方案.

Bal*_*usC 5

使用event.keyCode就足够了.您只需考虑与获取密钥事件有关的浏览器兼容性问题.

这是一个基本启动示例,它捕获箭头键,copy'n'paste'n'run它:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>SO question 3181648</title>
        <script>
            document.onkeydown = function(e) {
                e = e || event; // "real browsers" || IE6/7.
                switch (e.keyCode) {
                    case 37: alert('left'); break;
                    case 38: alert('up'); break;
                    case 39: alert('right'); break;
                    case 40: alert('down'); break;
                }
            }
        </script>
    </head>
    <body>
       <p>Press one of the arrow keys.</p> 
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

请注意,附加事件最好以这种方式或使用jQuery完成.

为了捕捉压制的角色<,请看看蒂姆的答案.