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 相关文章推荐
JavaScript中的this关键字介绍与使用实例
Jun 21 Javascript
JavaScript常用脚本汇总(三)
Mar 04 Javascript
PHP结合jQuery实现的评论顶、踩功能
Jul 22 Javascript
简单谈谈node.js 版本控制 nvm和 n
Oct 15 Javascript
理解jquery事件冒泡
Jan 03 Javascript
node.js+express制作网页计算器
Jan 17 Javascript
JavaScript中的工厂函数(推荐)
Mar 08 Javascript
微信小程序实现点击返回顶层的方法
Jul 12 Javascript
本地存储localStorage用法详解
Jul 31 Javascript
React中使用collections时key的重要性详解
Aug 07 Javascript
详解vue中localStorage的使用方法
Nov 22 Javascript
原生js实现九宫格拖拽换位
Jan 26 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
zen cart新进商品的随机排序修改方法
2010/09/10 PHP
PHP性能优化工具篇Benchmark类调试执行时间
2011/12/06 PHP
PHP spl_autoload_register实现自动加载研究
2011/12/06 PHP
dvwa+xampp搭建显示乱码的问题及解决方案
2015/08/23 PHP
php字符串过滤strip_tags()函数用法实例分析
2019/06/24 PHP
一个JS小玩意 几个属性相加不能超过一个特定值.
2009/09/29 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
IE6 hack for js 集锦
2014/09/23 Javascript
javascript实现网页字符定位的方法
2015/07/14 Javascript
用JavaScript获取页面文档内容的实现代码
2016/06/10 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
基于d3.js实现实时刷新的折线图
2016/08/03 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
2016/12/13 Javascript
微信小程序 devtool隐藏的秘密
2017/01/21 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
Vue-cli3项目配置Vue.config.js实战记录
2018/07/29 Javascript
使用JavaScript实现node.js中的path.join方法
2018/08/12 Javascript
JS实现的新闻列表自动滚动效果示例
2019/01/30 Javascript
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
Python操作MongoDB数据库的方法示例
2018/01/04 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
python如何生成各种随机分布图
2018/08/27 Python
浅谈Python基础—判断和循环
2019/03/22 Python
python opencv实现直线检测并测出倾斜角度(附源码+注释)
2020/12/31 Python
HTML5 中新的全局属性(整理)
2013/07/31 HTML / CSS
芬兰汽车配件商店:Autonvaraosat24
2017/01/30 全球购物
2014年两会学习心得体会
2014/03/17 职场文书
教师节促销方案
2014/03/22 职场文书
师德师风自我剖析材料
2014/09/27 职场文书
竞聘报告优秀范文
2014/11/06 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
三好学生竞选稿
2015/11/21 职场文书
《植树问题》教学反思
2016/03/03 职场文书
Pygame如何使用精灵和碰撞检测
2021/11/17 Python
JavaScript实现队列结构过程
2021/12/06 Javascript