键盘检测事件 keydown keyup keypress区别与执行顺序

最新推荐文章于 2022-06-13 12:52:40 发布

十年4646454sdg5sagsa

最新推荐文章于 2022-06-13 12:52:40 发布

阅读量1.9k

点赞数

分类专栏： web前端 js 文章标签： js

本文链接：https://blog.csdn.net/a12336487213/article/details/104812787

版权

web前端同时被 2 个专栏收录

70 篇文章 1 订阅

订阅专栏

47 篇文章 0 订阅

订阅专栏

我们的keyup 和keydown事件不区分字母大小写 a 和 A 得到的都是65
// 2. 我们的keypress 事件区分字母大小写 a 97 和 A 得到的是65
// 我们可以利用keycode返回的ASCII码值来判断用户按下了那个键
4. 三个事件的执行顺序 keydown – keypress – keyup

 // 键盘事件对象中的keyCode属性可以得到相应键的ASCII码值
        // 1. 我们的keyup 和keydown事件不区分字母大小写  a 和 A 得到的都是65
        // 2. 我们的keypress 事件 区分字母大小写  a  97 和 A 得到的是65
        document.addEventListener('keyup', function(e) {
            // console.log(e);
            console.log('up:' + e.keyCode);
            // 我们可以利用keycode返回的ASCII码值来判断用户按下了那个键
            if (e.keyCode === 65) {
                alert('您按下的a键');
            } else {
                alert('您没有按下a键')
            }

        })
        document.addEventListener('keypress', function(e) {
            // console.log(e);
            console.log('press:' + e.keyCode);

        })
    </script>