点击其他地方时隐藏div菜单

Question

当我点击页面上的任何其他位置时，我的目标是让我的div菜单消失。下面是单击两个div本身时打开和关闭我的代码的代码。

var content_nav = '';
var content_select = '';
window.onload=function(){
    content_nav = document.getElementById("content_nav");
    content_select = document.getElementById("content_select");
    content_nav.addEventListener("click", show_or_hide);
}

function show_or_hide()
{
   if(content_select.style.display!="block") content_select.style.display="block";
   else content_select.style.display="none";

}

Answer 1

如果点击在content_nav之外，你应该听整个页面上的点击事件并隐藏菜单，尝试这个（你可能需要调整它以使其工作，我不知道你的HTML）：

$(document).click(function(e){
        if (! $(e.target).closest('#content_nav').length ) 
            $('#content_nav').hide();
    });