键盘事件正确运用

    <script>
        // 事件源： document/window  事件类型  事件处理函数
        //  整个网页文档对象  document
        // 按键 按下触发， 一直按住 就一直触发
        // document.onkeydown = function(evt) {
        //     console.log(evt.code)  // KeyA
        //     if(evt.code === 'KeyA') {
        //         console.log('按下了A键')
        //     }
        // }
        document.onkeypress = function(evt) {
            console.log(evt.code)  // KeyA
            if(evt.code === 'KeyA') {
                console.log('按下了A键')
            }
        }

        //  按键 抬起  只被触发一次
        document.onkeyup = function(evt) {
            console.log('键盘弹起')
            if(evt.code === 'KeyA') {
                console.log('A键弹起')
            }
        }
    </script>