javascript 阻止事件冒泡 cancelBubble

javascript简单的阻止事件冒泡，可以使用事件的cancelBubble方法为true；

html部分

<button id="btn1">点击显示div</button>

<div id="showDiv">

    显示了

</div>

js部分

window.onload = function(){

    var btn1 = document.getElementById("btn1");

    var showDiv = document.getElementById("showDiv");

    btn1.onclick = function(ev){

        var oEvent = ev || event;

        showDiv.style.display = "block";

        //阻止时间冒泡

        oEvent.cancelBubble = true;

    }

    document.onclick = function(){

        showDiv.style.display = "none";

    }

}