window.addventlistener使用方法

一般情況下，如果給一個dom對象綁定同一個事件，只有最後一個會生效，

document.getElementById("btn").onclick = method1; 
document.getElementById("btn").onclick = method2; 
document.getElementById("btn").onclick = method3; 

那麼只有methods生效

如果是Mozilla系列，用addEventListener可以讓多個事件按順序來實現，比如：

var btn1Obj = document.getElementById("btn1"); 
//element.addEventListener(type,listener,useCapture); 
btn1Obj.addEventListener("click",method1,false); 
btn1Obj.addEventListener("click",method2,false); 
btn1Obj.addEventListener("click",method3,false); 

執行順序爲method1>method2>method3

 

如果是ie系列，用attachEvent可以讓多個事件按順序都實現，比如：

var btn1Obj = document.getElementById("btn1");
btn1Obj.attachEvent(event,function);
btn1Obj.attachEvent("onclick",methods1);
btn1Obj.attachEvent("onclick",method2); 
btn1Obj.attachEvent("onclick",method3); 

執行順序爲：methods3>method2>method1