冒泡

body onclick="bodyfn()"
div id="big"
    div id="xiao" /div
/div
<script>
    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')
    }
</script>