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中暂停功能的实现代码
Mar 04 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
Apr 25 Javascript
jquery跟随屏幕滚动效果的实现代码
Apr 13 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
AngularJS ng-bind-template 指令详解
Jul 30 Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 Javascript
js canvas仿支付宝芝麻信用分仪表盘
Nov 16 Javascript
Javascript的this用法
Jan 16 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
Feb 05 Javascript
微信小程序可滑动周日历组件使用详解
Oct 21 Javascript
微信小程序图片右边加两行文字的代码
Apr 23 Javascript
微信小程序实现弹幕墙(祝福墙)
Nov 18 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操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
php实现小程序支付完整版
2018/10/09 PHP
JS 控制非法字符的输入代码
2009/12/04 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
2010/06/28 Javascript
Javascript的并行运算实现代码
2010/11/19 Javascript
Array.prototype.concat不是通用方法反驳[译]
2012/09/20 Javascript
制作jquery遮罩层效果导航菜单代码分享
2013/12/25 Javascript
Seajs的学习笔记
2014/03/04 Javascript
Javascript判断图片尺寸大小实例分析
2014/06/16 Javascript
JavaScript中的Object对象学习教程
2016/05/20 Javascript
JS之相等操作符详解
2016/09/13 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
2017/03/04 Javascript
微信小程序上传文件到阿里OSS教程
2019/05/20 Javascript
vue实现前台列表数据过滤搜索、分页效果
2019/05/28 Javascript
jQuery+ajax实现批量删除功能完整示例
2019/06/06 jQuery
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
使用python统计文件行数示例分享
2014/02/21 Python
Python编程生成随机用户名及密码的方法示例
2017/05/05 Python
python基础之入门必看操作
2017/07/26 Python
Python编程实现控制cmd命令行显示颜色的方法示例
2017/08/14 Python
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
Python列表(list)所有元素的同一操作解析
2019/08/01 Python
Python 异常的捕获、异常的传递与主动抛出异常操作示例
2019/09/23 Python
python opencv 图像边框(填充)添加及图像混合的实现方法(末尾实现类似幻灯片渐变的效果)
2020/03/09 Python
检测浏览器对HTML5和CSS3支持度的方法
2015/06/25 HTML / CSS
基于HTML5代码实现折叠菜单附源码下载
2015/11/27 HTML / CSS
大学生自荐书范文
2013/12/10 职场文书
给校长的建议书300字
2014/05/16 职场文书
新闻编辑专业自荐信
2014/07/02 职场文书
先进人物事迹材料
2014/12/29 职场文书
2015年依法治校工作总结
2015/07/27 职场文书
MySQL 常见存储引擎的优劣
2021/06/02 MySQL
 分享一个Python 遇到数据库超好用的模块
2022/04/06 Python