事件触发、事件捕获与事件冒泡（js的问题）

事件捕获与事件冒泡

向下是捕获阶段
---------------
    |    ^
---------------
    V    ^
---------------
    V    |
---------------
向上是冒泡阶段

事件对象:

事件触发时包含了事件发生的元素和属性信息

var div3 = document.getElementById("div3");
div3.addEventListener("click", function (e) {
  var e = e || window.event; // IE 8  window.event arguments[0]
  console.log(e);
}, false); // true: 捕获, false: 冒泡(默认)

事件的周期

--------------------
div1                |
---------------     |
div2           |    |
--------       |    |
div3   |       |    |
--------       |    |
---------------     |
--------------------

    div1
    

        div2
        
div3
    

阻止冒泡：

e.stopPropagation()

e.cancelBubble = true // IE8

事件冒泡的应用：事件委托

  
aaaaaa
  
bbbbbb
  
cccccc