addEventListener和attachEvent

ie addEventListener attachEvent

ie9以下（不包括ie9）不支持addEventListener且报错；
ie9-ie10既支持addEventListener也支持attachEvent;
ie11已经不支持attachEvent且报错；

举例说明两者的用法

<input type="button" id="btn" value="按钮1"/>
<script>var btn = document.getElementById('btn');btn.addEventListener('click',function(){console.log(1, this);});btn.attachEvent('onclick',function(){console.log(2,this);});</script>

addEventListener和attachEvent相关推荐

关于addEventListener和attachEvent的初步探讨
关于addEventListener和attachEvent IE不对应addEventListener,只能使用attachEvent,所以首先需要判断你的浏览器对应的是哪个事件函数 if (win ...
addEventListener和attachEvent二者绑定的执行函数中的this不相同【转载】
yuanwen http://www.jb51.net/article/32511.htm 写 addEventListener 和 attachEvent 区别的博文不少,不过大部分都把重点放置于前 ...
addEventListener和attachEvent的区别
转 addEventListener和attachEvent的区别区别如下 addEventListener共有3个参数,如下所示: element.addEventListener(type,li ...
Javascript 的addEventListener()及attachEvent()区别分析
Mozilla中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target: 文档节点.d ...
事件绑定-addEventListener()和attachEvent()的区别及用法
JavaScript-DOM-事件绑定当我们为元素绑定一个单击事件时,通常会想到element.οnclick=function(){},但是要绑定多个单击函数时却会失效,并且会被最新的响应函数 ...
addeventlistener事件第三个参数_简析JavaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序...
这篇文章主要介绍了javaScript 事件绑定.事件冒泡.事件捕获和事件执行顺序整理总结的相关资料 (一)事件绑定的几种方式 javascript给DOM绑定事件处理函数总的来说有2种方式:在htm ...
JavaScript之事件触发on和事件监听addEvent及addEventListener的区别和作用
一.on事件为dom节点添加多个on事件只会执行最后的那个事件,因为最后的指定的on事件指向最后的那个函数,代码如下所示: function method1(){console.log('我是方法1 ...
360兼容模式下对象不支持“attachEvent”属性
在360模式下,js程序中报对象不支持"attachEvent"属性报错代码如下: if (window.VBArray && window.addEventL ...
从jQuery的缓存到事件监听
很久以前,我还在cnblogs里面逛的时候就提出过一个问题(刚找了半天没找到).不知道大家有没有发现,用jQuery选择器"选择"之后的DOM上会添加jQuery********* ...
JavaScript移除绑定在元素上的匿名事件处理函数
前言: 面试的时候有点蒙,结束之后想想自己好像根本就误解了面试官的问题,因为我理解的这个问题本身就没有意义.但是当时已经有一些思路,但是在一个点上被卡住. 结束之后脑子瞬间灵光,想出了当时没有迈出的那 ...

addEventListener和attachEvent

addEventListener和attachEvent相关推荐

最新文章

热门文章