DOM事件处理模型—事件冒泡，捕获

事件冒泡
结构上（非视觉上），嵌套关系的元素，会存在事件冒泡的功能，即同一事件上，自子元素冒泡向父元素（自底向上）
阻止事件冒泡

div.onclick = function(e){ 传一个参数e，以便自己使用
    e.stopPropagation();阻止
    e.canselBubble = true;ie独有
    console.log('i')

事件捕获
结构上（非视觉上），嵌套关系的元素，会存在事件捕获的功能，即同一事件上，自父元素捕获向子元素（自顶向下）
ele.addEventLinstener(' ',' ',ture); ture代表开启事件捕获
onfocus,onblur,onchange,onsubmit,onreset,onselect等事件不冒泡
封装一个事件阻止冒泡兼容的函数

div.onclick = function(e){ 
    stopBubble(e);
    }

function stopBubble(event) {
            if (event.stopPropagation) {
                event.stopPropagation();
            } else {
                event.cancelBubble = true;
            }
        }