DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。
事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。
事件冒泡（dubbed bubbling）：与事件捕获恰恰相反，事件冒泡顺序是由内到外进行事件传播，直到根节点。
无论是事件捕获还是事件冒泡，它们都有一个共同的行为，就是事件传播。
DOM标准事件流的触发的先后顺序为：先捕获再冒泡，即当触发dom事件时，会先进行事件捕获，捕获到事件源之后通过事件传播进行事件冒泡。不同的浏览器对此有着不同的实现，IE10及以下不支持捕获型事件，所以就少了一个事件捕获阶段，IE11、Chrome 、Firefox、Safari等浏览器则同时存在。
事件等级：
DOM0级事件时 微软（IE）按事件冒泡处理 网景（Netscape）按事件捕获
DOM1级 只存在于理论上
DOM2级 dom.addEventListener('click',function(){//使用事件监听器进行事件绑定
console.log('我是内层div')
},true);//第三个参数默认false（冒泡）传true的话（捕获）
DOM2级事件与DOM0事件的不同点
前者靠事件监听器绑定事件，可多次绑定同一类型事件
后者直接绑定，多次绑定会覆盖
dom.addEventListener函数的第一个参数为事件名（注意不加on），第二个参数为事件函数，第三个参数为冒泡与否
移除事件时后者置空，前者使用removeEventListener(type,fn,boolean)boolean必须与绑定时一致
IE浏览器的事件监听器attachEvent(‘onclick’,fn)移除事件时采用detachEvent(‘onclick’,fn)
那么一个跨浏览器的事件绑定移除函数应该这样书写
addEvent(elment,type,fn){
if(elment.addEventListener){
}else if(elment.attachEvent){
}else{
}
}
removeEvent(element,type,fn){
if(elment.removeEventListener){
}else if(elment.detachEvent){
}else{
}
}
事件对象：
兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论指定事件处理程序时使用DOM0级或是DOM2级，都会传入event对象。event对象包含一些特定的属性和方法，方便我们调用
在事件处理程序内部，对象this始终等于currentTarget的值，而target则只包含时间段额实际目标。如果直接将事件处理程序指定给了目标元素，则this、currentTarget、和target包含相同的值。
IE的事件对象：window.event;
其他的：event
目标dom IE:event.srcElement;其他:event.target
target属性 触发事件的dom对象
srcElement属性 对于生成事件的 Window 对象、Document 对象或 Element 对象的引用
clientX属性 返回当事件被触发时，鼠标指针的水平坐标
clientY属性 返回当事件被触发时，鼠标指针的垂直坐标
pageX属性 与clientX同值
pageY属性 与clientY同值
建议使用client，兼容性好点
事件类型
焦点事件：focus元素获得焦点（不会冒泡）
blur元素失去焦点（不会冒泡）
鼠标与滑轮事件：
mouseenter指针移到有事件监听的元素内
mouseover指针移到有事件监听的元素或者它的子元素内
mousemove指针在元素内移动时持续触发
mousedown在元素上按下任意鼠标按钮
mouseup在元素上释放任意鼠标按键
click在元素上按下并释放任意鼠标按键
dblclick在元素上双击鼠标按钮
contextmenu右键点击 (右键菜单显示前).
mousewheel滚轮向任意方向滚动
IE、chrome监听的是wheelDelta,向下滚动其值为-120； 向上滚动其值为120
FF监听的是detail,向下滚动其值为3；向上滚动其值 为-3
mouseleave 指针移出元素范围外（不冒泡）
mouseout 指针移出元素，或者移到它的子元素上
鼠标按键事件会返回button值
0 规定鼠标左键
1 规定鼠标中键
2 规定鼠标右键
键盘事件
键盘事件包括keydown(按下键盘时触发该事件)，keypress(只要按下的键并非Ctrl, Alt, Shift，就接着触发keypress事件), keyup(松开键盘时触发该事件)
altKey，ctrlKey，shiftKey: 返回一个布尔值，表示是否按下对应的键
key: 返回一个字符串，表示按下的键名。如果同时按下一个控制键和一个符号键，则返回符号键的键名
keyCode: 返回按键的 ASCII 码，注意: 这里是不区分大小写的
文本事件
input 文本框输入字符时触发
change 文本框内容改变时触发