首页 > Web开发 > 详细

[Js]阻止事件冒泡

时间:2014-03-11 03:30:09      阅读:520      评论:0      收藏:0      [点我收藏+]

例子:点击按钮,弹出一块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";

    };

}

[Js]阻止事件冒泡,布布扣,bubuko.com

[Js]阻止事件冒泡

原文:http://www.cnblogs.com/zhangwenkan/p/3591925.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!