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

JavaScript中KeyPress和KeyUp, KeyDown的区别

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

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

JavaScript中KeyPress和KeyUp, KeyDown的区别

相关推荐