题目点评这题目的问题是一脉相承的，第一个问题和后面的问题有关联，所以回答第一个问题时一定要涉及到事件执行的原理和过程，必须引出事件冒泡，有了事件冒泡才有第二问题如何阻止冒泡。回答思路事件是什么？事件用于监听浏览器的操作行为，浏览器触发动作时被捕捉到而调用相应的函数。事件执行三个阶段①事件捕获阶段②处于目标阶段③事件冒泡阶段捕获型事件是自上而下，而冒泡型事件是自下而上的，而我们程序员通常要做的就是第二阶段，完成事件的动作。而第一、三阶段由系统封装自动调用完成。冒泡阻止event.stopPropagation()IE浏览器event.cancelBubble=true;

functionaddEvent(elem,event,fn){if(elem.addEventListener){elem.addEventListener(event,fn,false);}elseif(elem.attachEvent){elem.attachEvent('on'+event,fn);}else{elem['on'+event]=fn;}}

阻止事件传播：·在W3c中，使用e.stopPropagation()方法·在IE下设置cancelBubble=true；取消默认行为：·在W3c中，使用preventDefault（）方法；·在IE下设置window.event.returnValue=false;

el.onclick：el.οnclick=null;这样就可以取消绑定在el上的事件处理程序了。通过addEventListener()添加的事件处理程序只能通过removeEventListener()来移除，并且移除时传入的参数与添加处理程序时使用的参数相同。通过addEventListener()添加的匿名函数将无法移除。通过attachEvent()添加的事件处理程序要通过detachEvent()来移除，其他的情况和addEventListener()一样。

本质的区别是el.onclick相当于在标签上写onclick，用addEventListener和attachEvent是通过DOM接口去绑定事件。一个html文档的解析是有顺序的，先解析标签项，再解析DOM项，el.onclick事实上相当于写在标签上，通过标签的onclick属性输入到文档，然后由文档解析成事件的。而后者，要在文档解析完成以后，通过文档的DOM接口去绑定的事件，虽然结果是一样的，都是click事件，但是过程是不同的。onclick给事件绑定多个监听器时只会执行最后一个，而addEventListener和attachEvent会执行多个。

IE8绑定多个事件按添加的相反顺序执行，IE6和IE7是随即执行的，非IE也就是addevenetListener按添加的顺序执行。

二者有个本质上的区别：attachEvent的事件处理程序会在全局作用域中运行，this等于window对象；而addEventLinstener添加的事件处理程序是在其依附的元素的作用域中运行的，this等于绑定元素对象；

1.IE下的attachEvent方法不支持捕获，和传统事件注册没多大区别(除了能绑定多个事件处理函数)。2.IE的attachEvent方法存在内存泄漏问题！3.使用attachEvent时在事件处理函数内部，this指向了window，而不是obj！4.同一个函数可以被注册到同一个对象同一个事件上多次。

每个event都有一个event.bubbles属性，可以知道它可否冒泡。支持事件冒泡的事件：beforeinput|click|compositionstart|compositionupdate|compositionend|dblclick|focusin|focusout|input|keydown|keyup|mousedown|mouseup|mousemove|mouseout|mouseover|scroll|select|wheel 不支持事件冒泡的事件：abort|blur|error|focus|load|mouseenter|mouseleave|resize|unload

·以程序的角度说，流是具有方向的数据。·事件流所描述的就是从页面中接受事件的顺序。·事件捕获：它认为当某个事件发生时，父元素应该更早接收到事件，具体元素则最后接收到事件。·事件冒泡：事件冒泡即事件开始时，由最具体的元素接收（也就是事件发生所在的节点），然后逐级传播到较为不具体的节点。DOM事件流包括三个阶段：1.事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)。2.处于目标阶段3.事件冒泡阶段：事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签。