javascript attachEvent和addEventListener 使用方法--http://www.diybl.com/course/1_web/javascript/jsjs/20071226/94592.html
2009-03-11 22:15
1041 查看
javascript attachEvent和addEventListener 使用方法
2007年06月13日 星期三 09:50
attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)
addEventListener方法 用于 Mozilla系列
举例:
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
文章出处:DIY部落(http://www.diybl.com/course/1_web/javascript/jsjs/20071226/94592.html)
2007年06月13日 星期三 09:50
attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)
addEventListener方法 用于 Mozilla系列
举例:
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
文章出处:DIY部落(http://www.diybl.com/course/1_web/javascript/jsjs/20071226/94592.html)
相关文章推荐
- Javascript速查手册1(轉自:http://www.diybl.com/course/1_web/javascript/jsjs/200798/71013_8.html)
- APPLET 和 WEB 事件的交互. 文章出处:DIY部落(http://www.diybl.com/course/1_web/webjs/200877/131922.html)
- 用javascript动态添加删除文本框(轉自:http://www.diybl.com/course/1_web/javascript/jsjs/200838/103423.html)
- Javascript速查手册2(轉自:http://www.diybl.com/course/1_web/javascript/jsjs/200798/71013_8.html)
- 转载 http://www.diybl.com/course/3_program/java/javajs/2008819/136428.html 了Hibernate的主要组件
- 嵌入式Ramdisk 文章出处:http://www.diybl.com/course/6_system/linux/Linuxjs/2008712/133009.html
- 经典编程:DLL地狱及其解决方案 文章出处:飞诺网(www.diybl.com):http://www.diybl.com/course/3_program/vc/vc_js/20100630/26
- 动态加载JS脚本的4种方法[转自http://hi.baidu.com/ajax] http://www.cnitblog.com/yemoo/archive/2007/07/19/30222.html
- CMake 使用方法 http://www.cnblogs.com/lyq105/archive/2010/12/03/1895067.html
- java中synchronized用法(zz) 文章出处:http://www.diybl.com/course/3_program/java/javajs/2007917/71563.html
- googleEarth抄下来的经纬度转换成距离的代码 文章出处:http://www.diybl.com/course/3_program/java/javashl/2008611/124563.html
- JavaScript菜鸟教程学习 http://www.runoob.com/js/js-tutorial.html
- JavaScript Object Basic--http://www.josephjiang.com/presentation/OOJS/object-basic.html
- HttpSessionBindingListener获取在线用户数---http://www.diybl.com/course/3_program/java/javajs/2008330/107715
- prototype.js 让你更深入的了解javascript的面向对象特性 http://www.cnblogs.com/meil/archive/2007/05/09/740043.html
- C++中cout输出字符型指针地址值的方法 http://www.cnblogs.com/wxxweb/archive/2011/05/20/2052256.html
- js 调用C#.NET后台方法 转载自:http://www.cnblogs.com/lizhao/archive/2010/11/23/1990436.html
- window 窗口对象--http://www.diybl.com/course/1_web/javascript/jsjs/2007104/76401.html
- IntelliJ IDEA 12 创建Web项目 教程 超详细版--http://www.cnblogs.com/cnjava/archive/2013/01/29/2881654.html
- http://www.cnblogs.com/hellojava/archive/2012/12/28/2835730.html web.xml文件详解