阻止冒泡的方法

    var xiao = document.getElementById('xiao');
    var big = document.getElementById('big');
    xiao.onclick = function(e){
        var oEvent = e||event;
        /* 阻止冒泡的第一种方法 不支持ie8以及以下*/
        //oEvent.stopPropagation();
        // console.log(event);
        // event.stopPropagation();
        
        // console.log(e);
        // console.log(event);
        // /* 第二种方法：e和event都有cancelBubble这个属性，能都兼容ie8以及以下和谷歌 */
        oEvent.cancelBubble = true;
        alert('小盒子')
    }
    big.onclick = function(){
        alert('大盒子')
    }
    function bodyfn(){
        alert('body')
    }
    function htmlfn(){
        alert('html')
    }