js中的键盘事件

一. 简单的例子

html中
<textarea id="key"></textarea>

js中
var key = document.getElementById("key")
//选中textarea后，输出回车键，就会在控制台输出"正在验证"
key.onkeydown = function(event) {
  if (event.keyCode == 13){
    console.log("正在验证")
  }
}

常用的键盘事件

onkeydown: 某个键盘按键被按下

onkeyup: 某个键盘按键被松开

onkeypress: 某个键盘按键被按下并松开

其中keycode为键盘事件的属性，包含键盘中对应键位的键值。键位和码值对照表如下

键位	码值	键位	码值
0~9（数字键）	48~57	A~Z（字母键）	65~90
Backspace（退格键）	8	Tab（制表键）	9
Enter（回车键）	13	Space（空格键）	32
Left arrow（左箭头键）	37	Top arrow（上箭头键）	38
Right arrow（右箭头键）	39	Down arrow（下箭头键）	40