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 Split方法,indexOf方法、lastIndexOf 方法和substring 方法
Mar 21 Javascript
JavaScript和ActionScript的交互实现代码
Aug 01 Javascript
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
jQuery 计算iframe 窗口大小的方法
May 13 Javascript
jQuery中trigger()方法用法实例
Jan 19 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
Jan 04 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
Mar 03 Javascript
JS实现的随机排序功能算法示例
Jun 09 Javascript
vue elementui form表单验证的实现
Nov 11 Javascript
JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析
May 22 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
Jun 15 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 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
Content-type 的说明
2006/10/09 PHP
PHP IF ELSE简化/三元一次式的使用
2011/08/22 PHP
解析PHP汉字转换拼音的类
2013/06/18 PHP
PHP strip_tags()去除HTML、XML以及PHP的标签介绍
2014/02/18 PHP
Linux中为php配置伪静态
2014/12/17 PHP
PHP实现多文件上传的方法
2015/07/08 PHP
浅谈PHP的反射机制
2016/12/15 PHP
php 中的closure用法详解
2017/06/12 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
TP3.2框架分页相关实现方法分析
2020/06/03 PHP
javascript+html5实现仿flash滚动播放图片的方法
2015/04/27 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
2015/10/23 Javascript
bootstrap输入框组代码分享
2016/06/07 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
2017/11/18 Javascript
JS实现对json对象排序并删除id相同项功能示例
2018/04/18 Javascript
原生js实现表格翻页和跳转
2020/09/29 Javascript
python分析网页上所有超链接的方法
2015/05/08 Python
python和bash统计CPU利用率的方法
2015/07/10 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
python批量修改图片大小的方法
2018/07/24 Python
调试Django时打印SQL语句的日志代码实例
2019/09/12 Python
Python hmac模块使用实例解析
2019/12/24 Python
浅析Python迭代器的高级用法
2020/07/16 Python
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
美津浓巴西官方网站:Mizuno巴西
2019/07/24 全球购物
Ray-Ban雷朋瑞典官方网站:全球领先的太阳眼镜品牌
2019/08/22 全球购物
资产评估专业学生的自我鉴定
2013/11/14 职场文书
领导证婚人证婚词
2014/01/13 职场文书
授权委托书范本
2014/04/03 职场文书
行政专员岗位职责说明书
2014/09/01 职场文书
党支部群众路线整改措施思想汇报
2014/10/10 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
党的群众路线调研报告
2014/11/03 职场文书
Python if else条件语句形式详解
2022/03/24 Python
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL