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怎么判断图片是否加载完成以便获取其尺寸
May 08 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
Sep 15 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
模板视图和AngularJS之间冲突的解决方法
Nov 22 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
JS实现的五级联动菜单效果完整实例
Feb 23 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
VueJs 搭建Axios接口请求工具
Nov 20 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 Javascript
angular 服务随记小结
May 06 Javascript
使用JS实现动态时钟
Mar 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
在PHP中PDO解决中文乱码问题的一些补充
2010/09/06 PHP
PHP小偷程序的设计与实现方法详解
2016/10/15 PHP
Laravel框架模板继承操作示例
2018/06/11 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
使用jQuery管理选择结果
2015/01/20 Javascript
JS转换HTML转义符的方法
2016/08/24 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
2016/12/02 Javascript
JS实现搜索关键词的智能提示功能
2017/07/07 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
2019/05/15 Javascript
ES6 Object属性新的写法实例小结
2019/06/25 Javascript
node.js express框架简介与实现
2019/07/23 Javascript
JS绘图Flot如何实现可选显示曲线图功能
2020/10/16 Javascript
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
在python的类中动态添加属性与生成对象
2016/09/17 Python
Python基于回溯法子集树模板解决0-1背包问题实例
2017/09/02 Python
解决Pycharm出现的部分快捷键无效问题
2018/10/22 Python
Python3 requests文件下载 期间显示文件信息和下载进度代码实例
2019/08/16 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
Django实现图片上传功能步骤解析
2020/04/22 Python
Python新手学习函数默认参数设置
2020/06/03 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
Django Session和Cookie分别实现记住用户登录状态操作
2020/07/02 Python
HTML5新标签兼容——> 的两种方法
2018/09/12 HTML / CSS
乌克兰排名第一的在线旅游超市:Farvater.Travel
2020/01/02 全球购物
数控专业毕业生求职信范文
2013/09/21 职场文书
社会实践感言
2014/01/25 职场文书
幼儿园小班评语大全
2014/04/17 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
2016年猴年新春致辞
2015/08/01 职场文书
中学音乐课教学反思
2016/02/18 职场文书
MySQL慢查询的坑
2021/04/28 MySQL