1：事件驱动
1）事件:所谓事件就是js侦测到的用户的操作或是页面的一些行为(怎么发生的)
2）事件源对象:引发事件的元素。(发生在谁的身上)
3）事件处理程序:对事件处理的程序或是函数 (发生了什么事)
4）事件对象:当事件发生的时候，具体发生了哪些信息，（当按键盘的时候按的哪个键或者鼠标光标在页面的哪个位置等等）。
2：事件分类
1.鼠标事件
onclick 点击鼠标
ondblclick 双击鼠标
onmousedown 鼠标按下
onmouseup 鼠标抬起
onmousemove 鼠标移动
onmouseover 鼠标放上去
onmouseout 鼠标离开
onmouseenter 鼠标进入
onmouseleave 鼠标离开
2.键盘事件
onkeyup 键盘抬起
onkeydown 键盘按下
onkeypress 键盘按下或按住
释义：onkeydown和onkeypress二者的区别
onkeypress支持的是可在文本区域输入内容的键按下出发事件；
onkeydown所有键盘的吉安按下都触发事件
3. 表单事件（详解见Dom）
onsubmit 提交
onblur 失去焦点(内容发生变化,失去焦点触发)
onfocus 获得焦点
onchange 改变文本区域的内容
4.页面事件
onload 当页面加载完成
onbeforeunload 当页面卸载完成之前
3：绑定事件
1）绑定一个事件处理程序：
1.在脚本中绑定。(通过获取元素绑定相应的事件)
2.直接在HTML元素中绑定。（标签属性中加调用事件，具体的实现放到js文件或内部脚本区域）(不建议使用：结构，样式，行为分离)
2）绑定多个事件处理程序：
1.自己写的。
2.IE：（多个函数执行顺序：IE9/10按照绑定的顺序执行，IE7/8顺序相反。）
对象.attachEvent("事件(on)","处理程序") 添加事件监听
对象.detachEvent("事件(on)","处理程序") 删除事件监听
火狐：（多个函数执行顺序：按照绑定的顺序执行。）
对象.addEventListener("事件"(不加on),"处理程序",布尔值) 添加
对象.removeEventListener("事件"(不加on),"处理程序",布尔值) 删除
易错用点：
//事件处理程序通过调用声明式函数卸载监听
//错误用法 对象.addEventListener("click",function(){},false); 对象.removeEventListener("click",function(){},false) //无法删除监听事件，function(){}新创建的函数与添加监听调用的函数指向不一 //正确用法 对象.addEventListener("click",fun(),false); 对象.removeEventListener("click",fun(),false); function fun(){ } //通过函数名调用声明式的函数
兼容性写法：
function bindEvent(obj,type,fun){
if(obj.addEventListener){
//三个参数，按照绑定顺序执行
obj.addEventListener("事件不加on,eg:click",fun(),false(默认值false,可不写))
}
else{
//两个参数，按照绑定相反顺序执行
obj.attachEvent("事件加on;eg:onclick",func)
}
}
4：事件对象
用来记录一些事件发生时的相关信息的对象。
1.只有当事件发生的时候才产生，只能在处理函数内部访问。
2.处理函数运行结束后自动销毁。
如何获取事件对象：
IE：window.event
火狐：对象.on事件=function(ev){}
5：关于鼠标事件对象属性
1)相对于浏览器位置的：
clientX 当鼠标事件发生的时候，鼠标相对于浏览器X轴的位置。
clientY 当鼠标事件发生的时候，鼠标相对于浏览器Y轴的位置。
2)相对于文档位置的：
pageX 当鼠标事件发生的时候，鼠标相对于文档X轴的位置。（IE7/8无）
pageY 当鼠标事件发生的时候，鼠标相对于文档Y轴的位置。（IE7/8无）
3)相对于屏幕位置的：
screenX 当鼠标事件发生的时候，鼠标相对于屏幕X轴的位置。
screenY 当鼠标事件发生的时候，鼠标相对于屏幕Y轴的位置。
4)相对于事件源的位置：
offsetX 当鼠标事件发生的时候，鼠标相对于事件源X轴的位置。
offsetY 当鼠标事件发生的时候，鼠标相对于事件源Y轴的位置。
event.button：返回一个整数，指示当事件被触发时哪个鼠标按键被点击。0规定鼠标左键，1规定鼠标滚轮，2规定鼠标右键。不过老版本的IE并没有遵守W3C的规范，它的button属性含义如下：1鼠标左键 2鼠标右键 3左右同时按 4滚轮 5左键加滚轮 6右键加滚轮 7三个同时。目前IE11.0版本，无兼容性问题。
