键盘事件

183 阅读1分钟

1.键盘事件

onkeydowm :键盘按下

onkeyup :键盘松开

2.获取键盘按键

e.key.keyCode :获取的是 ASCII

e.key:获取的是具体的按键字符串

3.应用场景:捕捉输入的 enter

<body>
    <input type="text" placeholder="请输入内容" />
    <script>
        //◆键盘按下
        document.querySelector('input').onkeydown = function (e) {
            console.log(e.keyCode)
            console.log(e.key)
            if (e.keyCode == 13) {
                console.log('你按了enter键')
            }
        }

        //◆键盘松开
        document.querySelector('input').onkeyup = function () {
            console.log('键盘松开')
        }
    </script>
</body>