JS DOM 键盘事件操作

一、键盘事件的获取

        1.onkeyup

        键盘弹起触发 onkeyup或keyup

        // 方法1：
        document.onkeyup = function () {
            console.log('键盘弹起');
        }
        // 方法2：
        document.addEventListener('keyup', function () {
            console.log("键盘弹起");
        })

        2.onkeydown

        键盘按下触发 onkeydown或keydown

        一直按着键不松开会一直触发

        3.onkeypress

        键盘按下触发 onkeypress或keypress

        与onkeydown的区别在于onkeypress不可以识别功能键

        如ctrl shift alt win 方向键 大小写 delete backspace F键

        

        三者执行顺序：keydown-keypress-keyup

二、判断按下的键

        keyCode

        key

        document.addEventListener('keyup', function (e) {
            console.log('keyup' + e.keyCode); // 值为ASCII码值
        })
        document.addEventListener('keydown', function (e) {
            console.log('keydown' + e.keyCode); // 值为ASCII码值
        })
        document.addEventListener('keypress', function (e) {
            console.log('press' + e.keyCode); // 值为ASCII码值
        })
        // 其中 keydown和keyup不能区别大小写，输入的值默认为大写
        // keypress可以区分大小写

        其中 keydown和keyup不能区别大小写，输入的值默认为大写
        keypress可以区分大小写