js 添加事件 attachEvent 和 addEventListener 的用法
2016-09-22 15:30
429 查看
一般我们在JS中添加事件,是这样子的
obj.onclick=method
这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢?
如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角改登场了,在IE中我们可以使用attachEvent方法
使用格式是前面是事件类型,注意的是需要加on,比如onclick,onsubmit,onchange,执行顺序是
method3->method2->method1
可惜这个微软的私人方法,火狐和其他浏览器都不支持,幸运的是他们都支持W3C标准的addEventListener方法
obj.onclick=method
这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢?
如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角改登场了,在IE中我们可以使用attachEvent方法
使用格式是前面是事件类型,注意的是需要加on,比如onclick,onsubmit,onchange,执行顺序是
method3->method2->method1
可惜这个微软的私人方法,火狐和其他浏览器都不支持,幸运的是他们都支持W3C标准的addEventListener方法
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js命名空间的玩法详解
- css-dom(js dom编程艺术第九章笔记）
- erlang json: jsx,rfc4627,mochijson2,jsonx 简单比较
- zTree引用实例
- 【js】js获取地址中get参数
- 【js】js获取地址中get参数
- 更新一个js中的this的四个指代对象，作为学习笔记
- jsp内置对象之get与post
- JavaScript学习（一）之基础篇
- jq与原生js实现收起展开效果
- JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
- jsp内置对象之out
- html 空链接 href="#"与href="javascript:void(0)"的区别
- 事件的委托
- js打印WEB页面内容代码大全
- JavaScript中的string简介
- js input 数字后面是两位小数点
- Javascript从数组中随机取出不同元素的两种方法
- js 获取元素宽度的几种方法
- DataTable 转换为ArrayList 再转换成 json 格式