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 实现导航栏悬停效果(续2)
Sep 24 Javascript
Event altKey,ctrlKey,shiftKey属性解析
Dec 18 Javascript
Node.js中对通用模块的封装方法
Jun 06 Javascript
实例分析js和C#中使用正则表达式匹配a标签
Nov 26 Javascript
JS实现slide文字框缩放伸展效果代码
Nov 05 Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 Javascript
深入理解JS DOM事件机制
Aug 06 Javascript
JS声明式函数与赋值式函数实例分析
Dec 13 Javascript
javascript实现抢购倒计时程序
Aug 26 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
Nov 05 Javascript
vue 使用class创建和清除水印的示例代码
Dec 25 Vue.js
vue watch监控对象的简单方法示例
Jan 07 Vue.js
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
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
深入掌握include_once与require_once的区别
2013/06/17 PHP
CodeIgniter框架URL路由总结
2014/09/03 PHP
ajax调用返回php接口返回json数据的方法(必看篇)
2017/05/05 PHP
JQuery验证工具类搜集整理
2013/01/16 Javascript
js跳转页面方法总结
2014/01/29 Javascript
js父页面与子页面不同时显示的方法
2014/10/16 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
jQuery设置和移除文本框默认值的方法
2015/03/09 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
2016/07/22 Javascript
jQuery实现左右滑动的toggle方法
2018/03/03 jQuery
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
JS实现移动端在线签协议功能
2019/08/22 Javascript
Vuex中的Mutations的具体使用方法
2020/06/01 Javascript
基于javascript canvas实现五子棋游戏
2020/07/08 Javascript
基于element-ui封装表单金额输入框的方法示例
2021/01/06 Javascript
将Django框架和遗留的Web应用集成的方法
2015/07/24 Python
Python 序列的方法总结
2016/10/18 Python
Python设计模式之工厂模式简单示例
2018/01/09 Python
python版opencv摄像头人脸实时检测方法
2018/08/03 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
Python实现中值滤波去噪方式
2019/12/18 Python
Pytorch 使用opnecv读入图像由HWC转为BCHW格式方式
2020/06/02 Python
Python判断字符串是否为合法标示符操作
2020/09/03 Python
CSS3 animation ? steps 函数详解
2019/08/30 HTML / CSS
英国第一的购买便宜玩具和游戏的在线购物网站:Bargain Max
2018/01/24 全球购物
购买中国最好的电子产品:Geekbuying
2018/03/13 全球购物
数控技术专业推荐信
2013/11/01 职场文书
营销人才自我鉴定范文
2013/12/25 职场文书
活动总结模板
2014/05/09 职场文书
机械专业应届毕业生自荐书
2014/06/12 职场文书
主题团日活动总结
2014/06/25 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书
2015年小学体育工作总结
2015/05/22 职场文书