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 相关文章推荐
Windows Live的@live.com域名注册漏洞 利用代码
Dec 27 Javascript
javascript 获取图片颜色
Apr 05 Javascript
javascript在网页中实现读取剪贴板粘贴截图功能
Jun 07 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
Aug 24 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
JavaScript解八皇后问题的方法总结
Jun 12 Javascript
jquery自定义表单验证插件
Oct 12 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
Django+Vue跨域环境配置详解
Jul 06 Javascript
插件导致ECharts被全量引入的坑示例解析
Sep 23 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
SONY ICF-SW7600的电路分析
2021/03/02 无线电
php设计模式 Decorator(装饰模式)
2011/06/26 PHP
PHP 日,周,月点击排行统计
2012/01/11 PHP
基于PHP Socket配置以及实例的详细介绍
2013/06/13 PHP
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
php中0,null,empty,空,false,字符串关系的详细介绍
2013/06/20 PHP
PHP中empty和isset对于参数结构的判断及empty()和isset()的区别
2015/11/15 PHP
thinkphp3.x连接mysql数据库的方法(具体操作步骤)
2016/05/19 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
Jquery插件写法笔记整理
2012/09/06 Javascript
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
2012/10/11 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
2013/11/12 Javascript
javascript结合CSS实现苹果开关按钮特效
2015/04/07 Javascript
js+ajax实现获取文件大小的方法
2015/12/08 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
用AngularJS来实现监察表单按钮的禁用效果
2016/11/02 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
2016/11/22 Javascript
js实现淡入淡出轮播切换功能
2017/01/13 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
jquery表单验证实例仿Toast提示效果
2017/03/03 Javascript
详解Vue取消eslint语法限制
2018/08/04 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
laypage+SpringMVC实现后端分页
2019/07/27 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
vue中element 的upload组件发送请求给后端操作
2020/09/07 Javascript
python通过colorama模块在控制台输出彩色文字的方法
2015/03/19 Python
Python中encode()方法的使用简介
2015/05/18 Python
详解Python:面向对象编程
2019/04/10 Python
python中时间转换datetime和pd.to_datetime详析
2019/08/11 Python
Django 项目通过加载不同env文件来区分不同环境
2020/02/17 Python
python下载的库包存放路径
2020/07/27 Python
python实现逻辑回归的示例
2020/10/09 Python
Linux文件系统类型
2012/02/15 面试题
2015年物资管理工作总结
2015/05/20 职场文书
Python实现查询剪贴板自动匹配信息的思路详解
2021/07/09 Python