javascript - 单击其他位置时隐藏 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();
    });