JavaScript 事件——键盘类事件
二、键盘类事件
先引入js文件
1》onkeydown ===》按下键盘任意键
按下键盘上的任意一个键，都会出现系统弹出框
2》onkeyup ===》键盘释放(松开).
当任意按下键盘，再释放（松开）键盘时，会弹出弹窗
3》keyCode ===>属性(不是事件)
指定键
补充：
键盘事件定义的属性属性说明：
| keyCode | 该属性包含键盘中对应键位的键值 |
| charCode | 该属性包含键 盘中对应键位的Unicode编码，仅DOM支持 |
| target | 发生事件的节点(包含元素)，仅DOM支持 |
| srcElement | 发生事件的元素，仅IE支持 |
| shiftKey | 是否按下Shift键,如果按下返回true,否则为false |
| ctrlKey | 是否按下CtrI键，如果按下返回true,否则为false |
| altKey | 是否按下Alt键,如果按下返回true,否则为false |
| metaKey | 是否按下Mtea键，如果按下返回true,否则为false,仅DOM支持 |
#案例：
①获取btn，单击btn按钮===》出现一个弹出层
②创建盒子，添加父元素、属性
③设置box样式，添加事件，删除oDiv，按下键盘中的esc键(27)，删除弹出层
#案例：
①获取box
②添加事件（注：这里不能写box.onkeydown，而是document.onkeydown）
因为需要在整个文档上按键来移动盒子，不是在元素上按键
如果不知道上下左右键的值 可以弹出值e.keycode查看（例如按下左键===>37）
③做判断