[Js]阻止事件冒泡

例子：点击按钮，弹出一块div，点击页面别处，div隐藏

分析：当点了按钮的时候会事件冒泡到document层，阻止事件冒泡，要用到event.cancelBubble=true;

window.onload=function(){

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

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

    btn.onclick=function(ev){

        var oEvent=ev||event;          //兼容ie和ff的写法，ie下直接可以用event.属性，而火狐下需要一个参数，然后由参数.属性。||或，只要两方有一方为真，就取真的那个值，两个都

                                                    为真，取前面那个

        box.style.display="block";

        oEvent.cancelBubble=true;

    };

    document.onclick=function(){

        box.style.display="none";

    };

}

转载于:https://www.cnblogs.com/zhangwenkan/p/3591925.html