原生js点击其他任意地方隐藏关闭DIV实例

https://blog.csdn.net/yulongxue/article/details/103419925

$('.menu').click(function(e){
        // $('.menu_li').show();
        stopBubble(e);
        $(document).click(function(){
            $('.menu_li').hide();
            //$(document).click=null;
        });    
    });
    $('.menu').click(function(e){
        //只阻止了向上冒泡,而没有阻止向下捕获,所以点击menu的内部对象时,仍然可以执行这个函数
        stopBubble(e); 
    });

    function stopBubble(e){   
        if(e && e.stopPropagation){
            e.stopPropagation();    //w3c
        }else{
            window.event.cancelBubble=true; //IE
        }
    }

 

posted @ 2021-07-30 14:13  小清秋  阅读(443)  评论(0编辑  收藏  举报