attachEvent() / addEventListener() 对象添加触发事件(转)
2009-02-25 15:41
726 查看
attachEvent() / addEventListener() 对象添加触发事件(转)
有时候当某一对象的某一事件被触发时,它所要执行的程序可能是一大串,有可能是要呼叫某一函数,也有可能同时又要呼叫另一函数。
document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行
在IE中使用addachEvent ,
var btn1Obj = document.getElementById("btn1");
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);
执行顺序为method3->method2->method1
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
看看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)}}
boddi 2006-08-15 09:47 发表评论
有时候当某一对象的某一事件被触发时,它所要执行的程序可能是一大串,有可能是要呼叫某一函数,也有可能同时又要呼叫另一函数。
document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行
在IE中使用addachEvent ,
var btn1Obj = document.getElementById("btn1");
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);
执行顺序为method3->method2->method1
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
看看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)}}
boddi 2006-08-15 09:47 发表评论
相关文章推荐
- 【JS进阶2】attachEvent()/addEventListener() 对象添加触发事件
- JS - attachEvent() / addEventListener() 对象添加触发事件
- attachEvent() / addEventListener() 对象添加触发事件(转)
- 用attachEvent()/addEventListener()方法添加触发事件
- 用attachEvent()添加触发事件
- 用attachEvent()/addEventListener()方法添加触发事件
- 用attachEvent()/addEventListener()方法添加触发事件
- attachEvent() / addEventListener() 对象添加触发
- js 添加事件 attachEvent 和 addEventListener 的用法
- Dom对象事件注册和取消(addEventListener/attachEvent)
- Dom对象事件注册和取消(addEventListener/attachEvent)
- js 添加事件 attachEvent 和 addEventListener 的用法
- JavaScript:window.event.srcElement(指触发事件的对象)
- 关于window.event.srcElement (触发事件的对象)
- JS添加/绑定事件监听函数并传参数attachEvent和addEventListener兼容个浏览器
- Dom对象事件注册和取消(addEventListener/attachEvent)
- Dom对象事件注册和取消(addEventListener/attachEvent)
- js 添加事件 attachEvent 和 addEventListener 的用法
- js 添加事件 attachEvent 和 addEventListener 的用法
- js 添加事件 attachEvent 和 addEventListener 的用法