注册事件的方式有两种：
1.on + 事件名
特点：同一个元素注册同一个事件多次，后面的会把前面的覆盖
2.addEventListener(event,listener,useCapture);
参数：event:事件名 ; listener:事件处理函数 ； useCapture: 决定事件冒泡(false,默认值)还是事件捕获(true);
特点: 不存在覆盖问题，但是不支持IE6,7,8
解绑注册事件
1.on+事件名： on+事件名 = null;
2.addEventListener
(1).使用removeEventListener解绑
(2).注册事件处理函数不饿能是匿名函数，否则无法解绑
(3).不能在function后面直接加名字，会报错。addEventListener('click',function fn(){......});报错
事件对象:当事件触发的时候，会产生事件对象
作用：里面存储了和事件相关的信息
获取方式: 在事件处理函数中,添加形参event
常用的属性:
(1)键盘事件：keyCode键盘码 -------通过它可以知道用户按了什么键 13---回车键 27-----ESC
(2)鼠标事件:1.clientX,clientY 获取鼠标相对于可视区的位置
2.pageX,pageY 获取鼠标在页面的位置
3.screenX,screenY 获取鼠标在屏幕中的位置
注意:当页面没有滚动条的时候，client系列和page系列值相等。
补充一些常用的事件：
click点击事件
dblclick 双击事件
mouseover 鼠标移入事件
mouseout 鼠标移出事件
mousedown 鼠标按下事件
mouseup 鼠标弹起事件
mousemove 鼠标移动事件
focus 聚焦事件
blur 失去焦点事件
keydown 键盘按下事件
keyup 键盘弹起事件