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

2024-04-29

我该如何处理箭头键和<Javascript 函数中的(大于)?哪个事件和哪个代码(charCode 或 keyCode)?

我很困惑如何做到这一点。我已经非常仔细地阅读了这个链接,事件和 keyCode+charCode http://www.quirksmode.org/js/keys.html,但我找不到适合我的场景的任何解决方案。


Using event.keyCode足够了。您只需考虑与获取关键事件有关的浏览器兼容性问题。

这是一个基本的启动示例,它捕获箭头键,复制“粘贴”然后运行它:

<!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>

请注意,最好附加事件this http://dean.edwards.name/weblog/2005/10/add-event/方式或使用jQuery http://api.jquery.com/keydown/.

用于捕获按下的字符,例如<, 看一下蒂姆的回答 http://#3182548.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Javascript 函数中处理箭头键和 <(大于)?哪个事件和哪个代码(charCode 与 keyCode)? 的相关文章

随机推荐