javascript - 隐藏在窗口和其他元素上单击

Question

我有一个按钮，它的 id 是toolsonclick，它显示一个带有一些链接的菜单，点击页面的其他位置，这个菜单将被隐藏。

每个想法都很好，但是当我单击按钮时菜单不会隐藏（#up,#del,#tools）

$('#tools').click(function(){
    var ofset = $(this).offset();
    $('#moreMenu').css({'top':(ofset.top+35),'left':ofset.left,'display':'',});
    return false;
});

$(window).click(function(){$('#moreMenu').hide();});

    <div id='moreMenu' style='width:250px;background-color:#f0f0f0;border:2px solid gray;height:100px;position:absolute;display:none;'>some menu</div>

<button id='up' title='up'  >‍&lt;img src='../images/beta/up.png'></button>

<button id='del' title='del'  >‍&lt;img src='../images/beta/delete.png'></button>

<button id='tools' title='tools' style='width:70px;' >‍&lt;img src='../images/beta/tools.png' style='margin-right:30%;'></button>

怎么可能隐藏在每一个元素上！？

Answer 1

只需在html上使用 click 事件。当您单击页面内的任何位置时，它会让您隐藏 div。

$("html").click(function(){$('#moreMenu').hide();});

或者，

$(document).click(function(){$('#moreMenu').hide();});   

线程参考： $(window).click(..); 不能在 IE 中工作

演示

Answer 2

那是因为您需要添加 javascript 以在按下按钮时隐藏菜单。

$("button").click(function(){$('#moreMenu').hide();});