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;
            }
           //在這作你的操做，如關閉彈出層的代碼
        });