JavaScript中KeyPress和KeyUp, KeyDown的区别

• Keypress获取的仅仅是KeyChar值，此时KeyCode依旧是KeyChar的值
  如下

  document.addEventListener('keypress', function(event){
     				        		console.log(event);
  }
  

  例如以小写的a来说，此时KeyChar和ascii中，小写‘a’均为 65， 在JS的控制台中显示如下：

   - 可以看到charCode是 97
   - keyCode也是97
   - ascii中‘a’也是97
  

• 而Keydown和KeyUp获取的则是KeyCode值，同样以小写 ‘a’ 执行如下代码：

document.addEventListener('keydown', function(event){
    console.log(event);
}

KeyCode中不区分大小写，‘a’ 与 ascii中的 ‘A’ 一样为 65，在JS的控制台中显示如下：

- 可以看到此时charCode是 0
- keyCode也是65
- ascii中‘A’也是65

提供一个直观查询Keycode以及unicode的网站: http://keycodes.atjayjo.com/#

另外，StackOverflow上也有一篇更详细的说明，有兴趣可以看一下：https://stackoverflow.com/questions/1367700/whats-the-difference-between-keydown-and-keypress-in-net/1367865#1367865