[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;
}

posted on 2010-12-20 11:46  淘小鸡  阅读(231)  评论(0编辑  收藏  举报

导航