DOM常用的键盘事件

一、键盘事件

        

注意：

1.如果使用addEventListener不需要加on

2.onkeypress和前面2个的区别是，它不识别功能键

3.三个事件的执行顺序是：keydown -- keypress -- keyup

    <script>
        //keydown --- keypress --- keyup
        document.addEventListener('keydown',function(){
            console.log('键盘按钮被摁下--keydowen');
        })

        document.addEventListener('keypress',function(){
            console.log('键盘按钮被摁下--keypress');
        })

        document.addEventListener('keyup',function(){
            console.log('键盘按钮被松开--keyup');
        })
    </script>

 键盘事件对象

注意：

1.keydown和keyup不区分字母大小写，onkeypress区分字母大小写

2.keypress不识别功能键，但是keyCode属性区分大小写，返回不同的ASCII值

 

    <script>
        //e.keyCode返回ASCII码值
        // document.addEventListener('keydown',function(e){
        //         console.log(e.keyCode);
        // })

        document.addEventListener('keypress',function(e){
                console.log(e.keyCode);
        })
    </script>