js點擊頁面其餘地方如何隱藏div元素菜單

web頁面經常使用的一個需求，寫下拉菜單是咱們每每不是用select_option，而是自定義一個元素列出選項來知足需求，當咱們點擊按鈕出現菜單，

點擊按鈕或菜單之外頁面空白地方隱藏該菜單，這裏提供一種簡單有效的方法僅供參考：

document.onclick = function(e) {　　　　　　　　
    $("div").hide();
}
$('button').on("click", function(e) {　　　　　　　　
    if($("#div").css("display") == "none") {　　　　　　　　　　
        $("#div").show();　　　　　　　　
    } else {　　　　　　　　　　
        $("#div").hide();　　　　　　　　
    }　　　　　　　　
    e = e || event;
    stopFunc(e);　　　　　　
});
　　　　　　
$('#div').on("click", function(e) {　　　　　　　　
    e = e || event;
    stopFunc(e);　　　　　　
});　　　　
function stopFunc(e) {　　　　　　
    e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;　　　　
}

點擊button出現div菜單，再次點擊button隱藏菜單或點擊div之外頁面其餘地方隱藏div菜單。