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+iframe 实现无刷新载入整页的代码
Mar 17 Javascript
AeroWindow 基于JQuery的弹出窗口插件
Jun 27 Javascript
基于jquery的跟随屏幕滚动代码
Jul 24 Javascript
Javascript实现颜色rgb与16进制转换的方法
Apr 18 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
Sep 21 Javascript
bootstrap模态框垂直居中效果
Dec 03 Javascript
vue短信验证性能优化如何写入localstorage中
Apr 25 Javascript
Angular2中监听数据更新的方法
Aug 31 Javascript
bootstrap-table+treegrid实现树形表格
Jul 26 Javascript
微信小程序使用npm包的方法步骤
Aug 13 Javascript
在Vue mounted方法中使用data变量详解
Nov 05 Javascript
Vue 图片压缩并上传至服务器功能
Jan 15 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 radio 单选框获取与保持值的实现代码
2010/05/15 PHP
php性能优化分析工具XDebug 大型网站调试工具
2011/05/22 PHP
php set_include_path函数设置 include_path 配置选项
2016/10/30 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
一个可以增加和删除行的table并可编辑表格中内容
2014/06/16 Javascript
javascript操纵OGNL标签示例代码
2014/06/16 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
JS实现很酷的水波文字特效实例
2015/02/26 Javascript
jQuery实现的左右移动焦点图效果
2016/01/14 Javascript
jquery获取所有选中的checkbox实现代码
2016/05/26 Javascript
利用PM2部署node.js项目的方法教程
2017/05/10 Javascript
基于复选框demo(分享)
2017/09/27 Javascript
AngularJS集合数据遍历显示的实例
2017/12/27 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
2018/10/10 jQuery
解决layui追加或者动态修改的表单元素“没效果”的问题
2019/09/18 Javascript
在Python中使用gRPC的方法示例
2018/08/08 Python
python 将列表中的字符串连接成一个长路径的方法
2018/10/23 Python
对python 自定义协议的方法详解
2019/02/13 Python
python统计指定目录内文件的代码行数
2019/09/19 Python
Python3.8对可迭代解包的改进及用法详解
2019/10/15 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
使用postMessage让 iframe自适应高度的方法示例
2019/10/08 HTML / CSS
First Aid Beauty官网:FAB急救面霜
2018/05/24 全球购物
C#中的验证控件有几种
2014/03/08 面试题
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
口头翻译求职人自荐信
2013/12/07 职场文书
经典英文广告词
2014/03/18 职场文书
生日寄语大全
2014/04/08 职场文书
疾病防治方案
2014/05/31 职场文书
代理人委托书
2014/09/16 职场文书
民主评议政风行风整改方案
2014/09/17 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
欠款证明
2015/06/24 职场文书
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP
SQL Server中搜索特定的对象
2022/05/25 SQL Server