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 相关文章推荐
script标签的 charset 属性使用说明
Dec 04 Javascript
extjs 初始化checkboxgroup值的代码
Sep 21 Javascript
JavaScript全排列的六种算法 具体实现
Jun 29 Javascript
Javascript实现视频轮播在pc端与移动端均可
Sep 29 Javascript
js对table的td进行相同内容合并示例详解
Dec 27 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
Sep 26 Javascript
Layui Form 自定义验证的实例代码
Sep 14 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
webpack常用配置总览(小结)
Nov 18 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
May 20 Javascript
Json实现传值到后台代码实例
Jun 30 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之第六天
2006/10/09 PHP
如何对PHP程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
深入了解php4(2)--重访过去
2006/10/09 PHP
解析PHP 使用curl提交json格式数据
2013/06/29 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
php接口隔离原则实例分析
2019/11/11 PHP
关于__defineGetter__ 和__defineSetter__的说明
2007/05/12 Javascript
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
jQuery中map函数的两种方式
2017/04/07 jQuery
js实现随机点名小功能
2017/08/17 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
2018/05/07 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
2019/05/28 Javascript
微信小程序使用echarts获取数据并生成折线图
2019/10/16 Javascript
Vue.js组件通信之自定义事件详解
2019/10/19 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
2020/05/10 Javascript
vue+canvas实现移动端手写签名
2020/05/21 Javascript
jquery实现异步文件上传ajaxfileupload.js
2020/10/23 jQuery
解读Python编程中的命名空间与作用域
2015/10/16 Python
Django日志模块logging的配置详解
2017/02/14 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
在Python中增加和插入元素的示例
2018/11/01 Python
Python常见读写文件操作实例总结【文本、json、csv、pdf等】
2019/04/15 Python
python图像处理模块Pillow的学习详解
2019/10/09 Python
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
英国行业制服供应商:Alexandra
2019/09/14 全球购物
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
中学生打架检讨书之500字
2019/08/06 职场文书
TensorFlow中tf.batch_matmul()的用法
2021/06/02 Python
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS