冒泡事件

    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>