js addEvent 绑定 分析:
function addEvent(elem, eventName, handler){ if (elem.addEventListener) { elem.addEventListener(eventName, handler, userCapture); } else if (elem.attachEvent) { elem.attachEvent("on" + eventName, handler); }};
FireFox -> addEventListener 第三个参数 userCapture
userCapture若为true,则浏览器采用Capture(捕获)方式,若为false则采用bubbing(冒泡)方式,建议用false。
有时候当某一对象的某一事件被触发时,它所要执行的程序可能是一大串,有可能是要呼叫某一函数,也有可能同时又要呼叫另一函数。document.getElementById("btn").onclick = method1; document.getElementById("btn").onclick = method2; document.getElementById("btn").onclick = method3;如果这样写,那么将会只有medhot3被执行在(IE)中使用attachEvent,var btn1Obj = document.getElementById("btn1"); //object.attachEvent(event,function); btn1Obj.attachEvent("onclick",method1); btn1Obj.attachEvent("onclick",method2); btn1Obj.attachEvent("onclick",method3);执行顺序为method3->method2->method1Mozilla系列中需要使用 addEventListenervar 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看看gmail的代码var Ka=navigator.userAgent.toLowerCase(); var rt=Ka.indexOf("opera")!=-1; var r=Ka.indexOf("msie")!=-1&&(document.all&&!rt); function Zl(a,b,c){if(r){a.attachEvent("on"+b,c)}else{a.addEventListener(b,c,false)}}