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;
            }
           //在这作你的操做，如关闭弹出层的代码
        });