js 冒泡事件阻止 父层事件影响子层

当父层 与子层 有相同的事件时，但子层跟父层执行的内容却不一样时

为了 防止 父层事件对子层造成影响我们可以在子层的方法里做如下操作

 

function A （event）{

　　event.stopPropagation();

       .....

}

这样我们操作子层的时候 ，父层相同的 事件就不会起作用啦

 

 

IE兼容

    function fn2(e){

        //这里做浏览器兼容，如果提供了event 就说明他不是IE
        if(e &&  e.stopPropagation){
            e.stopPropagation();
        }else {
            //IE方式处理事件冒泡
            window.event.cancelBubble = true;
        }


        alert("this is btn");
    }