js 阻止事件冒泡

实现

点击子元素不触发父元素

原理

点击子元素，触发的时事件会传递给父元素，这就是事件冒泡。这时候为了不让父元素受影响就要阻止冒泡

步骤

1、在子元素绑定事件 方法
2、方法如下：
    function (){    
        if(e.stopPropagation) { //W3C阻止冒泡方法
                    e.stopPropagation();
                    console.log("123");
                } else {
                    e.cancelBubble = true; //IE阻止冒泡方法
                }
                return false;
}

或：
    function () {
        e && e.stopPropagation ? e.stopPropagation() : '';
        return false;

}
或在子方法最前面加入：
 window.event? window.event.cancelBubble = true : e.stopPropagation();