attachEvent() / addEventListener() 对象添加触发事件
2008-01-14 16:30
309 查看
有时候当某一对象的某一事件被触发时,它所要执行的程序可能是一大串,有可能是要呼叫某一函数,也有可能同时又要呼叫另一函数。
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)}}
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)}}
相关文章推荐
- 【JS进阶2】attachEvent()/addEventListener() 对象添加触发事件
- attachEvent()/addEventListener()方法添加触发事件
- JS - attachEvent() / addEventListener() 对象添加触发事件
- jquery 根据样式获取对象子元素的第一个并添加触发事件
- attachEvent() / addEventListener() 对象添加触发事件(转)
- attachEvent() / addEventListener() 对象添加触发事件(转)
- 怎么样用javascript获取触发事件的对象
- 事件的添加,触发,删除
- Android 选择文件对话框并将选择内容添加至ListView,并实现listview的删除与事件触发
- 深入理解JavaScript的闭包特性 如何给循环中的对象添加事件(转)
- 动态添加新元素事件无法触发解决方法
- js中为一个对象添加事件的正确方法
- 如何使处理事件响应的函数的域为触发事件的对象
- 添加SuperMap组件后,无法触发Shown事件
- pan手势监听对view的上下左右滑动,利用关联对象在block中触发view的点击事件(附手势大全)
- 还是动态添加控件 触发事件
- tableView中添加按钮触发不了点击事件的解决办法
- <a>控件和onclick事件触发的对象 this对象说明
- 某一个标签如button,之前通过jQuery添加过一个click事件,然后我想给这个button再添加一个click事件,但是我又不想让之前那个click事件触发,怎么办?
- 用attachEvent()添加触发事件