我的目标是当我单击页面上的其他任何位置时让我的 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";
}
最佳答案
您应该监听整个页面上的点击事件,如果点击位于 content_nav 之外,则隐藏菜单,试试这个(您可能需要调整它才能使其工作,我不知道您的 HTML):
$(document).click(function(e){
if (! $(e.target).closest('#content_nav').length )
$('#content_nav').hide();
});
关于javascript - 单击其他位置时隐藏 div 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15536683/