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 相关文章推荐
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
Feb 05 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
Jun 29 Javascript
使用js获取地址栏中传递的值
Jul 02 Javascript
jquery图片不完全按比例自动缩小的简单代码
Jul 29 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
Aug 31 Javascript
微信小程序 UI布局常用技巧整理总结
Dec 05 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
AngularJS中filter的使用实例详解
Aug 25 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
微信小程序实现自定义picker选择器弹窗内容
May 26 Javascript
Angular PWA使用的Demo示例
Jan 31 Javascript
es6 for循环中let和var区别详解
Jan 12 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
一个域名查询的程序
2006/10/09 PHP
PHP Error与Logging函数的深入理解
2013/06/03 PHP
PHP迭代器的内部执行过程详解
2013/11/12 PHP
10款非常有用的 Ajax 插件分享
2012/03/14 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
JQUERY dialog的用法详细解析
2013/12/19 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
Jquery 实现checkbox全选方法
2015/01/28 Javascript
js实现下一页页码效果
2017/03/07 Javascript
Vuex之理解Store的用法
2017/04/19 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
JavaScript 中的 this 工作原理
2018/06/20 Javascript
微信小程序实现自上而下字幕滚动
2018/07/14 Javascript
three.js搭建室内场景教程
2018/12/30 Javascript
JavaScript 截取字符串代码实例
2019/09/05 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
ant design vue中表格指定格式渲染方式
2020/10/28 Javascript
Python里隐藏的“禅”
2014/06/16 Python
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
使用python去除图片白色像素的实例
2019/12/12 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
2020/08/20 HTML / CSS
亚瑟士美国官网:ASICS美国
2017/02/01 全球购物
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
环保专业大学生职业规划设计
2014/01/10 职场文书
个人简历中的自我评价怎么写
2014/01/26 职场文书
八一建军节感言
2014/02/28 职场文书
求职信格式范文
2015/03/19 职场文书
起诉状范本
2015/05/20 职场文书
贫困证明书范文
2015/06/16 职场文书
学生会工作感言
2015/08/07 职场文书
保护环境建议书作文500字
2015/09/14 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL
电频谱管理的原则是什么
2022/02/18 无线电