js事件三阶段

1.捕获
2.目标：具体的元素本身
3.冒泡

事件捕获：当使用事件捕获时，父级元素先触发，子元素后触发
事件冒泡：当使用事件冒泡时，子级元素先触发，父元素后触发
事件传播的阻止方法：

再W3C中，使用stopPropagation()方法（无论是捕获阶段还是冒泡阶段都可以阻止）

在IE下使用cancelBubble = true方法

阻止默认行为：

再W3c中，使用preventDefault（）方法
其常规应用：事件委托

    
111
    
222
    
333
    
444

 var oUl = document.getElementById("ul1");
    oUl.onclick = function(ev){
        var ev = ev || window.event;
        var target = ev.target || ev.srcElement;
        if(target.nodeName.toLowerCase() == 'li'){
            console.log(target.className)
        }
    }

通过父级点击事件获取点击的event，通过target.className判断当前元素的class，而后进行一系列操作