1、事件流

1.1事件冒泡

	事件从被点击的元素最开始触发，然后沿着DOM树往上依次触发到document对象

1.2事件捕获

事件从document元素开始，沿着DOM树向下传播，直至目标元素。

1.3DOM事件流

事件捕获+到达目标+事件冒泡

2.事件处理程序

用户或者浏览器执行某种动作

2.1HTML事件处理程序

不能直接使用未转义的HTML格式字符
作用域链通过with被扩展

function (){with(document){with(this.form){with(this){...}}}
}

2.2DOM0事件处理程序

讲一个函数赋值给DOM元素的一个事件处理属性上

var btn = document.getElementById('myBtn');
btn.onclick = function (){console.log('click')};

2.3 DOM2事件处理程序

addEventListener(type, handler, runAtCapture=false);
removeEventListener(type, handler, runAtCaptrue);

2.4 IE事件处理程序

attachEvent(type, handler)// type starts with 'on', such as onClick
detachEvent(type, handler)
// 采用事件冒泡

2.5 跨浏览器事件处理程序

var EventUtil = { addHandler: function(element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { element["on" + type] = handler; } }, removeHandler: function(element, type, handler) { if (element.removeEventListener) { element.removeEventListener(type, handler, false); } else if (element.detachEvent) { element.detachEvent("on" + type, handler); } else { element["on" + type] = null; } } 
}; 

3.事件对象

3.1 DOM事件对象

在DOM合规的浏览器中，event是传给事件处理程序的唯一参数

在事件处理程序内部，this始终等于currentTarget,而target则是指事件的实际目标

3.2 IE事件对象

如果是按照DOM0方式指定事件处理程序，则event是window的一个属性；如果是通过“attachEvent/detachEvent”指定，则event是回调函数唯一参数

由于作用域取决于指定方式，所以this并不总是等于事件目标，建议使用srcElement代替this

4.事件类型

abort：在