DOM捕获与冒泡捕获

1、事件的概念：

        JavaScript使我们有能力创建动态页面，网页中的每一个元素都可以产生某些触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。

2、事件流：

        事件流主要分为冒泡型事件和捕获型事件。IE浏览器[<=ie9]目前只支持冒泡型事件，而支持标准DOM的浏览器比如火狐、Chrome等两者都支持。

 3、使用返回值改变HTML元素的默认行为：

        HTML元素大都包含了自己的默认行为，例如：超链接、提交按钮等。我们可以通过在绑定事件中加上"return false"来阻止它的默认行为。 

4、通用性的事件监听方法：      

        （1）绑定HTML元素属性：

        <input type="button" value="clickMe" onclick="check(this)">

        （2）绑定DOM对象属性：

        document.getElementById("xxx").οnclick=test;

5、不常用的事件监听：

        5.2.1  [object].addEventListener ("事件类型","处理函数","捕获事件或冒泡事件true/false"); 

        5.2.2  [object]. removeEventListener ("事件类型","处理函数","冒泡事件或捕获事件 true/false");

        

　　　　提示：IE监听方法中事件类型和标准DOM监听方法中的事件类型写法有点不同，

        前者事件类型用“on”开头，如：“onclick”、“onmousemove”等，

        而后者不需要“on”，直接写事件,如:“click”、“mousemove”等。

6、标准事件流：

6.1  举个例子：冒泡事件（从内至外）

               04 冒泡事件

运行结果是 ：

6.2  冒泡事件和捕获事件的比较（从外向内）

       05 冒泡事件和事件捕获

运行结果是 ：