addEventistener和attachEvent的区别

最新推荐文章于 2021-06-07 10:45:21 发布
最新推荐文章于 2021-06-07 10:45:21 发布
阅读量191 收藏
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44723507/article/details/103133252
版权
本文对比了addEventListener与attachEvent在不同浏览器中的兼容性差异，详细介绍了二者在Firefox、Chrome、IE、Safari及Opera等现代浏览器中的应用情况，并指出了在IE7、IE8中的特殊处理方式。
摘要由CSDN通过智能技术生成

兼容firefox、chrome、IE、safari、opera；不兼容IE7、IE8
addEventListener:添加事件监听
removeEventListener:移除事件监听

IE7、IE8；不兼容firefox、chrome、IE9、IE10、IE11、safari、opera
attachEvent:添加事件监听
detachEvent:移除事件监听

总结
二者是兼容性和写法的区别,其实质功能是一样的,关于用法在此不多赘述，自行百度。

半夜三更看球
关注
专栏目录
浅谈window.attachEvent
个人积累
11-25 2万+
 以前写 JavaScript 脚本时，事件都是采用 object.event = handler; 的方式初始化。这种方式对于 Internet Explorer、Mozilla/Firefox 和 Opera 来说很通用。但是有一个问题就是，这种方式只能一个事件对应一个事件处理过程。如果希望一个事件可以依次执行多个处理过程就不好用了。 但是 Internet Exp
addEventListener 调用函数时，有参数与无参数的差别
mcfeng blog
07-28 612
addEventListene调用相应的函数1.addEventListene有哪些参数？1.type(种类)2.func（函数）3.useCapture（ture或者false） [慕课网详解传送门](https://www.imooc.com/wenda/detail/605821)2.函数无参数3.函数有参数 1.addEventListene有哪些参数？ 1.type(种类) 2.func（函数） 3.useCapture（ture或者false） 慕课网详解传送门 2.函数无参数 // 处理函数
HTML DOM 事件
akuibpt23191的博客
07-13 627
1. HTML DOM 事件 参考文档：https://www.runoob.com/jsref/dom-obj-event.html HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。 提示： 在 W3C 2 级 DOM 事件中规范了事件模型。...
【JavaScript】attachEvent 与addEventListener区别
weixin_34129696的博客
04-01 352
attachEvent 与addEventListener到底有什么区别呢？总结如下： 一、适应的浏览器版本不同 attachEvent方法适用于IE    addEventListener方法适用于FF   二、针对的事件不同 attachEvent中的事件带on   而addEventListener中的事件不带on   三、参数的个数不同 attachEvent方法两个参数：...
js中 attachEvent事件
weixin_33697898的博客
06-28 825
用于HTML内代码层和UI层分离。比如，你要给一个按钮增加一个单击事件，你会怎么做？<input type="button" id="theBtn" value="点击" onclick="alert('点击了一下');" />明显的，它破坏了标签，如果下次要修改这个按钮不小心就会丢失。attachEvent是为了将事件分离，如：<input type="button" id="...
浅谈addEventListener和attachEvent的区别
09-02
这两个方法在功能上相似，但存在一些关键的区别，特别是在浏览器兼容性和事件处理方式上。 `addEventListener` 是W3C标准推荐的方法，它适用于Chrome、Firefox、Opera、Safari以及IE9及以上版本。这个方法接收三个...
addEventListener和attachEvent二者绑定的执行函数中的this不相同
09-05
在JavaScript中，`addEventListener`和`attachEvent`都是用于向元素添加事件监听器的方法，但它们之间存在一些关键差异，特别是在处理`this`关键字时。`addEventListener`是W3C标准的一部分，被大多数现代浏览器支持...
javascript attachEvent和addEventListener使用方法
10-30
本知识点将介绍 JavaScript 中两种常用的方法：attachEvent 和 addEventListener，以及它们在不同浏览器中的应用和区别。 首先，attachEvent 方法是早期 Internet Explorer 浏览器引入的事件监听方法，它的语法是：...
JS在IE和FF下attachEvent,addEventListener学习笔记
10-29
`addEventListener` 和 `attachEvent` 分别适用于非 IE 和 IE 浏览器，它们之间的主要区别在于参数的要求以及是否支持事件捕获/冒泡的控制。在实际开发过程中，根据目标浏览器的特性选择合适的方法是非常重要的，...
addEventLinstener与attachEvent区别、兼容性问题
weixin_43762209的博客
10-05 1269
刚入门前端萌新，通过写blog来巩固知识，希望各位大牛指点一二
addEventListener 的三个参数
weixin_33895657的博客
03-16 722
2019独角兽企业重金招聘Python工程师标准>>> ...
addEventListener方法与on事件的区别
热门推荐
knight-yun的博客
06-01 1万+
文章出自个人博客https://knightyun.github.io/2018/05/31/js-eventlistener，转载请申明 on事件 Javascript中可以对一些页面的事件设定触发值，例如常用的点击 onclick，鼠标移动 onmousemove，或者移动端屏幕点击 ontouchstart，其它类似的还有 onmousedown, onmouseup, onch...
addEventListener()和attachEvent()的区别
LuckXinXin的博客
06-17 292
addEventListener()是符合W3C规范的标准方法; attachEvent()是IE低版本的非标准方法 addEventListener()支持事件冒泡和事件捕获; - 而attachEvent()只支持事件冒泡 addEventListener()的第一个参数中,事件类型不需要添加on; attachEvent()需要添加’on’ 如果为同一个元素绑定多个事件, addEventListener()会按照事件绑定的顺序依次执行, attachEvent()会按照事件绑定的顺序倒序执行 .
javascript中attachEvent、addEventListener用法和区别
lechen1013的博客
07-14 333
一般我们在JS中添加事件,是这样子的 obj.onclick=method 这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢? ? 1 2 3 obj.onclick=method1 obj.onclick=method2 obj.onclick=method3
JavaScript之入门5篇（事件高级）
nuyoahso的博客
04-09 158
学习记录： 学习视频链接https://www.bilibili.com/video/BV1Sy4y1C7hap=194&spm_id_from=pageDriver 注册事件（绑定事件）： 1.注册事件概述 给元素添加事件，称为注册事件或者绑定事件。 注册事件有两种方式∶传统方式和方法监听注册方式 传统注册方式 方法监听注册方式 利用on开头的事件onclick w3c标准推荐方式 <button οnclick= “alert(hi~)” /button>
uni-app tabBar页面使用5+事件监听方法问题
qq_37565670的博客
06-07 2494
问题：uni-app tabBar页面无法使用 5+中的事件监听方法： plus.globalEvent.addEventListener ，这边使用该方法监听NFC activitysheng'm
前端uni-app注意事项（三）
knight_create的博客
06-19 1194
vue注意事项： 1、生命周期：官方建议用 onReady 代替 mounted,用 onLoad 代替created,为了通用性可读性还是建议听从官方这样做 2、全局变量的实现方式：推荐Vuex 含5个属性：State，Mutation，Getter，Action，Module : 3、Class 与 Style绑定：这个绑定语法和vue有些不同，本质是uni-app帮忙进行了转义，但是uni-app官方的更好用，推荐看下，基本上配着使用三元运算符比较多 4、v-html不支...
addEventListener和attachEvent的区别 分类： ...
weixin_34416649的博客
05-12 225
addEventListener共有3个参数，如下所示：element.addEventListener(type,listener,useCapture);参数参数说明element要绑定事件的对象，及HTML节点。type事件名称，注意去掉事件前边的“on”，比如“onclick”要写成“click”，“onmouseover”要写成“mouseover”。listener要绑定的事件监听...
addEventListener attachEvent 区别
最新发布
09-19
它们之间的区别主要在于浏览器的兼容性和语法上的差异。 addEventListener是W3C标准的方法，用于向指定的元素添加事件侦听器。它使用语法为：element.addEventListener(event, function, useCapture)。其中event是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值