JS里面的DOM操作之常用的键盘事件

常用的键盘事件有三个：onkeyuup, onkeydown, onkeypress

具体：键盘事件   触发条件

1. onkeyup     某个键盘按键按下松开后触发

2.onkeydown  （ 所有按键都能识别） 某个键盘按键按下时触发  

3. onkeypress（不识别功能键 如左右箭头上下箭头 ctrl等）某个键盘按键按下时触发

代码及功能验证(因为使用的是addEventListener增加事件所以代码里面键盘事件不需要加on)

1.onkeyup

document.addEventListener('keyup', function(){
         console.log('按键按下后弹起了keyup');
         })

 2.onkeydown 

 document.addEventListener('keydown', function(){
            console.log('按键按下时keydown');
        })

 3. onkeypress

document.addEventListener('keypress', function(){
            console.log('按键按下时keypress(功能键不能识别)');
        })

 注意点：三个事件的执行顺序是：先onkeydown--> onkeypress -- >onkeyup .