用attachEvent()/addEventListener()方法添加触发事件
2007-08-30 10:42
489 查看
document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行
写成这样:
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
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行
写成这样:
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
相关文章推荐
- 用attachEvent()/addEventListener()方法添加触发事件
- 用attachEvent()/addEventListener()方法添加触发事件
- 用attachEvent()添加触发事件
- 【JS进阶2】attachEvent()/addEventListener() 对象添加触发事件
- JS - attachEvent() / addEventListener() 对象添加触发事件
- attachEvent() / addEventListener() 对象添加触发事件(转)
- js 添加事件 attachEvent和addEventListener 使用方法
- attachEvent() / addEventListener() 对象添加触发事件(转)
- jQuery动态添加元素无法触发绑定事件的解决方法分析
- jquery的on()方法和用event.target判断是那个子元素触发事件
- js 添加事件 attachEvent 和 addEventListener 的用法
- js 添加事件 attachEvent(IE) 和 addEventListener(W3C) 的用法
- js 添加事件 attachEvent 和 addEventListener 的用法
- js 添加事件 attachEvent 和 addEventListener 的用法
- bind 事件:attachEvent和addEventListener方法的使用
- JS事件监听 JS:attachEvent和addEventListener 使用方法
- js 添加事件 attachEvent 和 addEventListener 的用法
- js添加事件attachEvent和addEventListener的用法
- js绑定事件方法:addEventListener与attachEvent的不同浏览器的兼容性写法
- js 添加事件 attachEvent 和 addEventListener 的用法