javascript attachEvent和addEventListener使用方法


Posted in Javascript onMarch 19, 2009

attachEvent方法 按钮onclick
addEventListener方法 按钮click
两者使用的原理:可对执行的优先级不一样,下面实例讲解如下:
attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)
addEventListener方法 用于 Mozilla系列
举例:
Java代码

document.getElementById("btn").onclick = method1; 
document.getElementById("btn").onclick = method2; 
document.getElementById("btn").onclick = method3;

如果这样写,那么将会只有medhot3被执行
写成这样:
Java代码:
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
Java代码:
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
使用实例:
1。 Java代码:
var el = EDITFORM_DOCUMENT.body; 
//先取得对象,EDITFORM_DOCUMENT实为一个iframe 
if (el.addEventListener)...{ 
el.addEventListener('click', KindDisableMenu, false); 
} else if (el.attachEvent)...{ 
el.attachEvent('onclick', KindDisableMenu); 
}

2。 Java代码:
if (window.addEventListener){ 
window.addEventListener('load', _uCO, false); 
} else if (window.attachEvent){ 
window.attachEvent('onload', _uCO); 
}
Javascript 相关文章推荐
js最简单的拖拽效果实现代码
Sep 24 Javascript
ExtJs使用总结(非常详细)
Mar 22 Javascript
Javascript delete 引用类型对象
Nov 01 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
Jul 27 Javascript
jQuery点击其他地方时菜单消失的实现方法
Apr 22 Javascript
对象转换为原始值的实现方法
Jun 06 Javascript
AngularJS控制器详解及示例代码
Aug 16 Javascript
Node.js Express 框架 POST方法详解
Jan 23 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
使用vux实现上拉刷新功能遇到的坑
Feb 08 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
for 循环性能比较 提高for循环的效率
Mar 19 #Javascript
js no-repeat写法 背景不重复
Mar 18 #Javascript
javascript 避免闭包引发的问题
Mar 17 #Javascript
用JavaScript编写COM组件的步骤
Mar 17 #Javascript
IE6与IE7中,innerHTML获取param的区别
Mar 15 #Javascript
InnerHtml和InnerText的区别分析
Mar 13 #Javascript
JavaScript 快捷键设置实现代码
Mar 13 #Javascript
You might like
php实现对象克隆的方法
2015/06/20 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
linux下php上传文件注意事项
2016/06/11 PHP
Laravel日志用法详解
2016/10/09 PHP
JavaScript 异步调用框架 (Part 1 - 问题 & 场景)
2009/08/03 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
深入探寻seajs的模块化与加载方式
2015/04/14 Javascript
JavaScript中length属性的使用方法
2015/06/05 Javascript
javascript实现页面刷新时自动清空表单并选中的方法
2015/07/18 Javascript
javascript中的altKey 和 Event属性大全
2015/11/06 Javascript
JavaScript必知必会(七)js对象继承
2016/06/08 Javascript
JavaScript中的this使用详解
2016/07/27 Javascript
js控制div层的叠加简单方法
2016/10/15 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
2017/06/13 Javascript
详解原生js实现offset方法
2017/06/15 Javascript
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
Vue动态获取width的方法
2018/08/22 Javascript
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
2018/12/20 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
[03:17]史诗级大片应援2018DOTA2国际邀请赛 致敬每一位坚守遗迹的勇士
2018/07/20 DOTA
Python 除法小技巧
2008/09/06 Python
浅谈Python单向链表的实现
2015/12/24 Python
Python 将pdf转成图片的方法
2018/04/23 Python
pandas分别写入excel的不同sheet方法
2018/12/11 Python
使用 python pyautogui实现鼠标键盘控制功能
2019/08/04 Python
pyspark 随机森林的实现
2020/04/24 Python
养殖项目策划书范文
2014/01/13 职场文书
2014年勤工助学工作总结
2014/11/24 职场文书
2014年政工师工作总结
2014/12/18 职场文书
幼儿园教师节感谢信
2015/01/23 职场文书
员工工作心得体会
2019/05/07 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL
Spring Data JPA框架持久化存储数据到数据库
2022/04/28 Java/Android