addEvent( object, eventType, function );
addEvent( document.getElementById('foo'), 'click', doSomething );
addEvent( obj, 'mouseover', function(){ alert('hello!'); } );
//绑定事件
function addEvent(el,name,fn){
if(el.addEventListener) return el.addEventListener(name,fn,false);//在火狐中会执行这一句return el.attachEvent('on'+name,fn);//在ie中执行这一句
}
attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)
addEventListener方法 用于 Mozilla系列
举例:
document.getElementById(
"
btn
"
).onclick
=
method1;
document.getElementById( " btn " ).onclick = method2;
document.getElementById( " btn " ).onclick = method3;
document.getElementById( " btn " ).onclick = method2;
document.getElementById( " btn " ).onclick = method3;
写成这样:
var
btn1Obj
=
document.getElementById(
"
btn1
"
);
// object.attachEvent(event,function);
btn1Obj.attachEvent( " onclick " ,method1);
btn1Obj.attachEvent( " onclick " ,method2);
btn1Obj.attachEvent( " onclick " ,method3);
// object.attachEvent(event,function);
btn1Obj.attachEvent( " onclick " ,method1);
btn1Obj.attachEvent( " onclick " ,method2);
btn1Obj.attachEvent( " onclick " ,method3);
如果是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 );
// element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener( " click " ,method1, false );
btn1Obj.addEventListener( " click " ,method2, false );
btn1Obj.addEventListener( " click " ,method3, false );