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();
    });