JS 事件类型之键盘事件

一、常用键盘事件

1 . keydown 按键摁下

2 . keyup 按键抬起

3 . keypress 按键摁下

keypress != keydown + keyup

document.onkeydown = function(){
  console.log('keydown')
}
document.onkeyup = function(){
  console.log('keyup')
}
document.onkeypress = function(){
  console.log('keypress')
}

触发顺序：keydown → keypress → keyup

keypress和keydown、keyup没有关系

keypress和keydown作用很相似，但也有区别

二、keypress 和 keydown 的区别

1 . keydown可以响应除了’fn’以外任意键盘按键，但不知道摁下字符键的ASCII码，区分不了字符的大小写

2 . keypress只可以响应字符类按键，且知道摁下字符键的ASCII码，可区分大小写；返回ASCII码（事件对象属性charCode），可以转换成相应字符

三、keypress的应用

String.fromCharCode();将Unicode编码（包含ASCII码）转换为对应的字符

document.onkeypress = function(e){
  console.log(String.fromCharCode(e.charCode))
}