JS 事件类型之键盘事件

键盘事件

1 . keydown 按键摁下
2 . keyup 按键抬起
3 . 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 的区别：

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

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

keypress应用

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

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