[JavaScript] DOM 监听 （addEventListener 和 attachEvent）

addEventListener 给指定事件添加监听，使用是：obj.addEventListener(event,function,useCapture)，event为绑定的事件名，function 为事件的执行函数，useCapture(可选) 为指定事件是否在捕获或冒泡阶段执行。目前该监听函数仅支持 IE9 以上浏览器，对于不支持的浏览器可以使用attachEvent，使用方法同addEventListener。二者对应的移除监听函数分别为 removeEventListener 和 detachEvent 。

 

对第三个参数 useCaputure 的理解：

 

先看下DOM事件流程图：

 

            

由上图可以看到 捕获过程先于冒泡过程，当 useCaputure 设为 true 事件的执行函数就在“捕获过程”执行，反之在“冒泡过程”中执行。