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菜單。