博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

键盘事件的应用

Posted on 2016-11-28 02:10  简单是书  阅读(77)  评论(0编辑  收藏  举报

主要知识点:
1、keydown和keypress的区别。
2、键盘事件的应用代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>键盘事件</title>
</head>
<body>
    键盘事件:keydown,keyup,keypress
    区别:keydown可以检测到键盘所有,包括实体键,已经辅助键【ctrl,shift,alt,f1...】
    keypress只能检测到实体键【字符,字母,数字,符号,空格】,并且可以检测出字母大小写
    检测你所按的键e.keyCode
    <script type="text/javascript">
    document.onkeydown = function(e) {
        var e = e || window.event;
        console.log(e.keyCode);
    }
    document.onkeypress = function(e) {
        var e = e || window.event;
        // console.log("keypress")
        console.log(e.keyCode);
    }
    </script>
</body>
</html>