js 添加事件 attachEvent 和 addEventListener 的区别
1、addEventListener
适用w3c标准方法addEventListener绑定事件,如下,事件的执行顺序和绑定顺序一致,执行顺序为method1->method2->method3
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener("click",method2,false);
btn1Obj.addEventListener("click",method3,false);
2、attachEvent
在IE8及以下版本中,不支持addEventListener,只能用attachEvent绑定事件,执行顺序是 method3->method2->method1
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);
3、属性赋值法绑定事件
适用该方法会使后绑定的方法覆盖前面的方法,要想一次性绑定多个(一次性执行多个操作,可以再一个事件中调用多个方法)
obj.onclick=method1;
obj.onclick=method2;
obj.onclick=method3;
一次性绑定多个:
obj.onclick=function (){
method1();
method2();
method3();
}
转载于:https://www.cnblogs.com/lydialee/p/4040216.html
js 添加事件 attachEvent 和 addEventListener 的区别相关推荐
- js 添加事件 attachEvent 和 addEventListener 的用法
一般我们在JS中添加事件,是这样子的 obj.οnclick=method 这种绑定事件的方式,兼容主流浏览器,但如果一个元素上添加多次同一事件呢? obj.οnclick=method1; obj. ...
- js添加事件 attachEvent 和addEventListener的用法
一般我们在JS中添加事件,是这样子的: obj.onclick = method 这种绑定事件的方式,兼容主流浏览器,但是如果一个元素上添加多次同一个事件呢??? obj.onclick = meth ...
- js 添加事件 attachEvent 和addEventListener 的用法
2019独角兽企业重金招聘Python工程师标准>>> 一般我们在JS中添加事件,是这样子的 1 obj.οnclick=method 这种绑定事件的方式,兼容主流浏览器,但如果一个 ...
- js: 添加事件监听addEventListener、移除事件监听removeEventListener
文档 https://developer.mozilla.org/zh-CN/docs/Web/API/EventTarget/addEventListener https://developer.m ...
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载...
js添加事件.移除事件.阻止冒泡.阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 网上有关这方面的代码比较多而乱,这里整理一下并加以改进. 添加事件 01 var addEvent = ...
- js常用对象:点击、双击、onload事件、鼠标相关、onblur事件和onfocus事件等;通过循环给多个元素添加事件、通过addEventListener() 方法 监听事件函数...
1.通过标签内部添加事件 (1)onclick事件:单击事件 (2)ondbclick事件:双击事件 (3)onload事件:只能在body中使用,入口函数里有:window. .οnlοad=f ...
- JS添加事件和解绑事件:addEventListener()与removeEventListener()
作用: addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作. 它们都接受3个参数:事件名.事件处理的函数和布尔值. 布尔值参数是true ...
- js滚动条事件监听addEventListener、removeEventListener不生效
//移除监听需要满足 需要移除的事件类型必须是一样的, 比如: click 需要从目标事件移除的 EventListener 函数必须和 addEventListener 中注册的是同一个, 也就是说 ...
- 无缝滚动;flash播放器代码(网站使用);QQ帮助代码;Js添加属性IE和firefox的区别...
<div class="qyxyzs marginTop5"><div class="qyxyzsTitle">信用展示</div ...
最新文章
- layui 数据表格内容过长遮挡_word表格技巧:遇到这三种情况,你会处理么?
- oracle中创建触发器
- 4.3.7 ARP协议
- 09机器学习实战之多元线性回归
- 线结构光标定详细步骤与实现HALCON
- ignite自定义函数
- Android开发之搜Ya项目说明(3)
- 如果我要...(研究版)
- ios基础之归档和解档
- 用CSS控制Table和div因撑开而变形
- java.lang.applet_Java Applet RuntimeException:java.lang.NoClassDefFoun...
- C#用正则表达式对IP进行排序
- 【PE】手动给PE文件添加一段代码MessageBoxA
- 多智能体协同视觉SLAM技术研究进展
- java学生成绩管理系统
- 【自然语言处理】词性标注
- DIY 1U硬件防火墙实录
- python简易自动化之pyautogui 2020-12-19
- 大数据平台分布式搭建-Hadoop集群配置
- item_search_img - 按图搜索义乌购商品(拍立淘)
热门文章
- java socket 线程池_java socket编程的一个例子(线程池)
- java中如何实现变量可配置_Java基础-如何配置环境变量
- dbscan算法c语言实现,用C++实现DBSCAN聚类算法
- mysql权限系统的工作原理_Mysql权限系统工作原理
- 算法的时间复杂度和空间复杂度的原理
- idea 注释中 类 跳转_javaSE第一部分 数据类型、idea快捷键
- ROS与Android的通信
- 虚拟云服务器有哪些,虚拟云主机和服务器有什么区别
- 开发html,HTML开发基础
- 错误类型、混淆矩阵及目标检测常用评价指标