原生JS阻止冒泡

 function stopProp(e){
    // 获得event 对象 并处理兼容
    var ev = e || window.event;

    if( ev.stopPropagation ){
        ev.stopPropagation(); // 普通浏览器阻止冒泡
    }else{
        ev.cancelBubble = true;  // IE 阻止冒泡
    }

    // 阻止系统默认的行为
    ev.preventDefault();
    // return false; 也能达到阻止默认行为的目的,但是可能会有兼容性问题
    return false;
}

事件处理

ev.clientX  ev.clientY  获得鼠标在屏幕上的横纵坐标

ele.addEventListener('click',doSomething,true)  // True为捕获，false为冒泡。

ele.attachEvent("onclick", doSomething);  // IE浏览器的处理方法

// ev.target 等于事件发生的对象

// this 和 ev.currentTarget 相同，代表哪个对象在处理点击事件

ev.eventPhase 代表事件处于哪个阶段

            // 1.捕获阶段

            // 2.点击元素的处理阶段

            // 3.冒泡阶段