IE使用的是attachEvent和detachEvent。我们知道IE的这两个问题多多，并且伴随内存泄漏。所以，解决这些问题非常有必

符合W3C标准的事件绑定：addEventLisntener/attachEvent。让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行。

if(obj.addEventListener){obj.addEventListener(type,fn,false);EventCache.add(obj,type,fn);}elseif(obj.attachEvent

可同时为一个元素的相同事件同时绑定多个响应函数当事件被触发时，响应函数按绑定顺序执行this是被绑定对象参数：1.事件的字符串，不要on2.回调函数3.是否在捕获阶段触发事件，需要一个布尔值，一般传falseIE8中用attachEvent

为同一个元素绑定多个相同的事件为元素绑定事件（DOM）有两种，但是不兼容通过对象.addEventListener("事件类型",事件处理函数,flase);谷歌火狐都支持，但是IE8不支持2.通过对象.attachEvent

方法监听注册方式w3c标准推荐使用addEventListener()它是一个方法IE9之前的IE不支持此方法，可使用attachEvent()代替特点：同一个元素同一个事件可以注册多个监听器按注册顺序依次执行一

关于事件绑定IE低版本用attachEvent绑定事件W3C用addElementListenervarbtn1=document.getElementById('btn');btn1.addEventListener

,handler){if(element.addEventListener){element.addEventListener(type,handler,false);}elseif(element.attachEvent

IE:attachEvent（对象，事件）；FF,chrome:addEvenetListener(对象，事件（不加on），是否捕获)第三个参数：是否捕

element.addEventListener){//检测是否为DOM2级方法element.addEventListener(type,handler,false);}elseif(element.attachEvent

variframe=document.getElementById("previewFrame");if(iframe.attachEvent){iframe.attachEvent("onload",

.事件高级1.1.1.注册事件（2种方式）1.1.2事件监听addEventListener()事件监听（IE9以后支持）attacheEvent()事件监听（IE678支持）eventTarget.attachEvent

(window.attachEvent&&!

$refs.iframe.attachEvent){this.

文章目录一.注册事件（绑定事件）1.注册事件概述2.addEventListener事件监听方式3.attachEvent事件监听方式4.注册事件兼容性解决方案二.删除事件（解绑事件）1.删除事件的方式

oElement.addEventListener(sEvent,fnHandler,false):oElement.attachEvent('on'+sEvent,fnHandler)},removeHandler

绑定事件if(element.addEventListener){//IE9以下不兼容element.addEventListener(type,handler,false)}elseif(element.attachEvent

(不带on的事件名称,事件处理函数,事件是冒泡还是捕获)；解绑：dom.removeEventListener((不带on的事件名称,事件处理函数(绑定的有名函数))3.ie8特有的属性绑定：dom.attachEvent

ESUNChart={};ESUNChart.previewCode=[];ESUNChart.on=function(o,type,fn){o.attachEvent?

,handler){if(element.addEventListener){element.addEventListener(type,handler,false);}elseif(element.attachEvent

curEle.onclick=function(){};DOM2级事件绑定标准浏览器：curEle.addEventListener('click',function(){},false)IE6-8:curEle.attachEvent

iframe.addEventListener){iframe.attachEvent('onload',iframeLoad)}iframe.addEventListener('load',if

1.添加事件一般来说有三种方式addEventListener、attachEvent、onaddHandler:function(element,type,handler){//添加事件if(element.addEventListener

html部分跨浏览器事件处理程序点击我js部分绑定事件ChromeFirefoxIE9等addEventListenerIE8及IE8以下的浏览器attachEvent移除事件ChromeFirefoxIE9

(window.attachEvent&&!

、my$("btn1").addEventListener("click",function(){console.log("娃哈哈喜之郎美汁源");},false);my$("btn2").attachEvent

开头的事件onclick；注册事件具有唯一性，同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数）方法监听注册方式（w3c标准推荐方式；IE9之前的IE不支持此方法，可使用attachEvent

element,type,fn){if(element.addEventListener){element.addEventListener(type,fn,false);}elseif(element.attachEvent

document.getElementsByTagName("iframe");//获取iframefor(letindex=0;indexattachEvent

1.浏览器事件模型事件的捕获和冒泡addEventListener&removeEventListener兼容IE78attachEvent事件代理/事件委托事件代理/事件委托将孩子的事件监听委托给父亲

学习来源：尚硅谷JavaScript基础&实战丨JS入门到精通全套完整版文章目录事件对象事件的冒泡事件的委派事件的绑定赋值绑定addEventListener()attachEvent()bind()函数事件的传播拖拽鼠标滚轮事件火狐滚轮

文章目录二、高级事件2.1注册事件（绑定事件）2.1.1注册事件概述2.1.2addEventListener事件监听方式2.1.3attachEvent事件监听方式2.1.4注册事件兼容性解决方案2.2

functionautoSetIframeHeight(id){try{variframe=document.getElementById(id);if(iframe.attachEvent){window.setTimeout

IE:attachEvent（对象，事件）；FF,chrome:addEvenetListener(对象，事件（不加on），是否捕获)第三个参数：是否捕

文章目录1.注册事件（绑定事件）1.1注册事件概述1.2addEventListener事件监听方式1.3attachEvent事件监听方式1.4注册事件兼容性解决方案2.删除事件（解绑事件）2.1删除事件的方式

document.addEventListener){document.addEventListener('WeixinJSBridgeReady',onBridgeReady,false);}elseif(document.attachEvent

/attachEvent'classDataC

点”，没有“点”，this是window「严格模式下是undefined」，有“点”，“点”前面是谁this就是谁给当前元素的某个事件行为绑定方法，当事件行为触发，方法中的this是当前元素本身「排除attachEvent

JavaScript中有两种方法可以注册监听事件，一种是传统的注册方式，on+事件名称的注册方法，如btn.onclick,还有方法监听事件注册方式，addEventListener()和ie8以下的attachEvent

目录一、注册事件1.1注册事件概述1.2addEventListener事件监听方式1.3attachEvent事件监听方式二、删除事件2.1删除事件的方式2.1.1传统注册方式2.1.1方法监听注册方式三

规定浏览器应该同时支持两种调用顺序首先按爷爷=>爸爸=>儿子顺序看有没有函数监听然后按儿子=>爸爸=>爷爷顺序看有没有函数监听有监听函数就调用，并提供事件信息，没有就跳过事件绑定APIIE5*:baba.attachEvent

①传统注册方式②addEventListener()③attachEvent一、注册事件概述给元素添加事件，称为注册事件或者绑定事件。

function(){console.log(this)}letobj={name:'gh',fn:fn}fn()obj.fn()给当前元素的某个事件行为绑定方法当事件行为触发方法中的this是当前元素本身【排除attachEvent

关于THIS的几种情况:给当前元素的某个事件行为绑定方法，方法中的THIS是当前元素本身「排除：DOM2在IE6~8中基于attachEvent进行事件绑定，这样处理方法中的this->window」方法执行

functionaddEvent(el,type,fn){if(window.addEventListener){el.addEventListener(type,fn,false)}elseif(window.attachEvent

通用事件绑定关于IE低版本兼容性1.IE低版本使用attachEvent绑定事件，和W3C标准不一样；2.IE低版本使用量非常少，很多网站早已不支持；事件冒泡通过事件冒泡实现点击激活弹出激活两个字，点击取消弹出取消两个字代理事件冒泡的具体应用完善通用事件绑定函数

1、注册事件1.2addEventListener事件监听注册方式（i9后支持）1.3attachEvent—i9以前才支持，了解即可，不提倡使用2、删除事件3、DOM事件流4、事件对象e.target

varaddEvent=function(ele,type,fn,){if(window.addEventListener){ele.addEventListener(type,fn,)}elseif(window.attachEvent

DOM2级事件处理程序DOM2级事件定义了两个方法用于处理指定和删除事件处理程序的操作：addEventListenerremoveEventListener所有的DOM节点都包含这两个方法，并且他们都接受三个参数：1.事件类型2.事件处理方法3.布尔参数，默认false(true捕获阶段调用事件处理方法；false冒泡阶段调用事件处理方法。)//addEventListenerletbox=do

handle){if(elem.addEventListener){//通用IE9以下不兼容elem.addEventListener(type,handle,false);}elseif(elem.attachEvent