addEventLister和attachEvent的异同

添加事件有三种方式，一种是直接添加，第二种是用addEventListener,第三种是用attachEvent的方式

直接添加

oDiv1.onclick=function(){
alert(1);
}
oDiv1.onclick=function(){
alert(2);
}

优点，所有浏览器都支持
缺点，下面的会将上面的方法覆盖
用attachevent和addEventListner添加事件不会被覆盖，但是有兼容性问题

oDiv1.addEventListener('click',function(){
alert(1);
});

oDiv1.attachEvent("onclick",function(){
alert(1);
})

1、支持的浏览器
addEventLister在DOM2的浏览器中使用，如Firefor、Chrome等。
attachEvent为IE所用。

2、处理程序执行阶段
addEventLister的第三个参数为true时，在捕获阶段执行；为false时，在冒泡阶段执行。
attachEvent均在冒泡阶段执行。

3、作用域
addEventLister的作用域为元素作用域，this为element引用。
attachEvent的作用域为全局作用域，this为window引用。

4、事件处理程序执行顺序
addEventLister：执行顺序与添加顺序一致。
attachEvent：执行顺序与添加顺序相反