首页 > 其他分享 >键盘时间keyup / keydown / keypress为什么用传统注册方式可以执行,用addEventListener就不行?

键盘时间keyup / keydown / keypress为什么用传统注册方式可以执行,用addEventListener就不行?

时间:2023-03-13 09:36:16浏览次数:32  
标签:function console log keypress keyup keydown addEventListener document

传统注册方式代码:

document.onkeyup = function () {
            console.log('我弹起了');
        }
        document.onkeydown = function () {
            console.log('我按下了down');
        }
        document.onkeypress = function () {
            console.log('我按下了press');
        } 

运行结果:

 

 用addEvenLlistener代码:

 document.addEventListener('keyup', function () {
             console.log('我弹起了');
         })
 
         document.addEventListener('keydown', function () {
             console.log('我按下了down');
         })
         document.addEventListener('keypress', function () {
             console.log('我按下了down');
         })

 

运行结果:

只有在按下F12的时候才显示keyup和keydown,不显示keypress

 

 浏览器是chorm

标签:function,console,log,keypress,keyup,keydown,addEventListener,document
From: https://www.cnblogs.com/doubleyancode/p/17210246.html

相关文章