博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【JavaScript】attachEvent 与addEventListener区别
阅读量:6220 次
发布时间:2019-06-21

本文共 757 字,大约阅读时间需要 2 分钟。

hot3.png

一、 适应的浏览器不同

attachEvent方法适用于IE    addEventListener方法适用于FF

二、针对的事件不同

attachEvent中的事件带on   而addEventListener中的事件不带on

三、参数的个数不同

attachEvent方法两个参数:第一个参数为事件名称,第二个参数为接收事件处理的函数; addEventListener 有三个参数:第一个参数表示事件名称(不含 on,如 "click");第二个参数表示要接收事件处理的函数;第三个参数是一个bool值,一般为false,第三个参数叫做useCapture,是一个boolean值,就是true or false,如果送出true的话就是瀏览器会使用Capture方式,false的话是Bubbling,只有在特定状况下才会有影响,通常建议是false

四、执行事件的优先级不同

五、对this的引用不同

holder_elem为dom

if (holder_elem.attachEvent) {

                    holder_elem.attachEvent('onfocus', function() {

                        placeEvent(holder_elem);

                    });

                } else {

                    holder_elem.addEventListener('focus', function() {

                        placeEvent(this);

                    }, false);

                }

此时attachEvent中,holder_elem依然为dom,而addEventListener中,holder_elem为Event对象,this指向了holder_elem

转载于:https://my.oschina.net/ChrisKempson/blog/59636

你可能感兴趣的文章
js功能实现top轮播图
查看>>
App 卸载记录
查看>>
POJ 3667 & HDU 3308 & HDU 3397 线段树的区间合并
查看>>
php长链接
查看>>
JavaScript变量和作用域
查看>>
Spring Boot 2.0(七):Spring Boot 如何解决项目启动时初始化资源
查看>>
一篇文章带你了解js作用域
查看>>
ikbc G87&104 双子座 使用说明书
查看>>
Substring with Concatenation of All Words
查看>>
Eclipse JAVA文件注释乱码
查看>>
ASP.NET MVC5+EF6+EasyUI 后台管理系统(64)-补充WebApi与Unity注入-配置文件
查看>>
程序集和反射(C#)
查看>>
Asp.net MVC自定义权限
查看>>
JS 对象机制深剖——new 运算符
查看>>
oracle 11g wm_concat 、 listagg 函数的使用(合并数据)
查看>>
js获取宽度设置thickbox百分比
查看>>
windows下如何安装和启动MySQL
查看>>
SQL Server误区30日谈-Day29-有关堆碎片的误区
查看>>
【转】MyEclipse快捷键大全
查看>>
C#下如何实现服务器+客户端的聊天程序
查看>>