[JS之]addEventListener和attachEvent方法的使用

摘自：.Net俱乐部(http://www.96gc.com)

?

//如果我们为对象的某一事件添加处理事件，如下：

document.getElementById("btn").click=method1;

document.getElementById("btn").click=method2;

document.getElementById("btn").click=method3;

 

//最后所有事件只会执行method3，所以这时就用到了addEventListener和attachEvent方法了

 

 

//attachEvent方法，为某一事件附加其他处理事件(Mozilla不支持)

//object.attachEvent(event,function);

//执行顺序：method3->method2->method1

var btn1Obj = document.getElementById("btn1");

btn1Obj.attachEvent("onclick",method1);

btn1Obj.attachEvent("onclick",method2);

btn1Obj.attachEvent("onclick",method3);

 

 

//如果是Mozilla系列，并不支持该方法，需要用到addEventListener

//element.addEventListener(type,listener,useCapture);

//执行顺序为method1->method2->method3

var btn2Obj = document.getElementById("btn2");

btn2Obj.addEventListener("click",method1,false);

btn2Obj.addEventListener("click",method2,false);

btn2Obj.addEventListener("click",method3,false);

 

 

//实战演示

if(window.addEventListener)

{

    window.addEventListener("onload",method1,false);

}

else if(window.attachEvent)

{

    window.attachEvent("onload",method1);

}

else

{

    window.onload=method1;

}