在利用javascript为DOM Element添加事件处理程序时,如果要想下兼容IE6,7时,就不得不考虑addEventListener与attachEvent的异同. 1.首先说下addEventListener,现在IE9+,chrome,firefox等都支持. 所有的DOM节点包含addEventListener,并且接受3个参数: HTMLElement.addEventListener(type,function,bool); type:处理事件的名称,如 "click&quo…

attachEvent 与addEventListener到底有什么区别呢?总结如下: 一.适应的浏览器版本不同 attachEvent——兼容:IE7.IE8:不兼容firefox.chrome.IE9.IE10.IE11.safari.opera addEventListener——兼容:firefox.chrome.IE.safari.opera:不兼容IE7.IE8 二.针对的事件不同 attachEvent中的事件带on   而addEventListener中的事件不带on if(o…

addEventListener共有3个参数,如下所示:element.addEventListener(type,listener,useCapture); 参数 参数说明 element 要绑定事件的对象,及HTML节点. type 事件名称,注意去掉事件前边的“on”,比如“onclick”要写成“click”,“onmouseover”要写成“mouseover”. listener 要绑定的事件监听函数,注意只写函数名,不要带括号. userCapture 事件监听方式,只能是true…

addEventListener共有3个参数,如下所示:element.addEventListener(type,listener,useCapture); 参数 参数说明 element 要绑定事件的对象,及HTML节点. type 事件名称,注意去掉事件前边的"on",比如"onclick"要写成"click","onmouseover"要写成"mouseover". listener 要绑定的事件监…

为什么需要addEventListener? 先来看一个片段: html代码 <div id="box">追梦子</div> 用on的代码 1 window.onload = function(){ 2 var box = document.getElementById("box"); 3 box.onclick = function(){ 4 console.log("我是box1"); 5 } 6 box.onclic…

onclick只出现一次alert:我是click2[很正常第一次click事件会被第二次所覆盖],但是addEventListener却可以先后运行,不会被覆盖[正如:它允许给一个事件注册多个监听器.在使用DHTML库或者 Mozilla extensions 这样需要保证能够和其他的库或者差距并存的时候非常有用.] <ul id="color-list"> <li id="addEvent">red</li> <li i…

[JS] addEventListener attachEvent和解决IE 6 7 8 this指向错误   电梯直达 1#    php 发表于 2014/4/13 01:17 | 只看该作者  标准浏览器中可以使用addEventListener()函数来给DOM元素绑定事件,使用removeEventListener()函数移除事件绑定,而IE6 IE7 IE8不支持addEventListener()和removeEventListener(),只能使用attachEvent()和de…

一.addEventListener语法 DOM标准:elem.addEventListener("事件名",函数对象,是否在捕获阶段触发) ---是否在捕获阶段触发= true/false,捕获true,冒泡false[开发中都大多都用false] addEventListener注意事项: 1.特别说明addEventListener不被IE9以下兼容,IE9以下用使用attachEvent() obj.attachEvent(event,funtionName); 参数: eve…

★JS事件的捕获阶段和冒泡阶段: 讨论的主要是两个事件模型:IE事件模型与DOM事件模型 IE内核浏览器的事件模型是冒泡型事件(没有捕获事件过程),事件句柄的触发顺序是从ChildNode到ParentNode. <div id="ancestor"> <button id="child"></button> </div>  以上的HTML代码在IE内核下,事件是这样传播的:{ 1.Button#child;  2.d…

首先说一下addEventListener 语法: element.addEventListener(event, function, useCapture) 这里的event是事件名,function是相应的事件,这个useCapture是一个布尔值,默认是false,就是说在冒泡阶段执行,如果为true,就在捕获阶段执行 利用addEventListener可以简单复现网页中对一个对一个元素操作之后从window-->document-->html-->body-->...--…