jQuery实现点击弹出层以外的地方关闭弹出层的功能

在工作中经常会遇到这类问题，一般是有一个触发按钮或者元素，点击后弹出一个区域，接下来再点击除区域外页面的其他地方都可以隐藏改区域。下面是代码：

//在这做你的操作，如弹出内容区域的代码

$(document).on('mousedown',function(e){
            console.log(e);
            var e = e || window.event; //浏览器兼容性
            var elem = e.target || e.srcElement;
            while (elem) { //循环判断至根节点，防止点击的是div子元素
                if (elem.id && elem.id == “弹出层的id”) {
                    return;
                }
                elem = elem.parentNode;
            }
           //在这做你的操作，如关闭弹出层的代码
        });

转载于:https://my.oschina.net/u/3367481/blog/2247922