javascript - 单击外部时隐藏 div

Question

我正在使用一个简单的 javascript 代码来切换 div onclick。您可以在此链接上看到它的运行情况:k-prim.biz/Untitled-2.html - 这是一个非常简单的演示页面。我想要做的是不仅在单击“链接”时隐藏 div，而且在单击 div 外部时也隐藏 div。另外，如何在显示 div 时更改“链接”的 css 样式？提前致谢!

<script type="text/javascript" language="javascript"> 
   function showHide() {
   var ele = document.getElementById("showHideDiv");
if(ele.style.display == "block") {
        ele.style.display = "none";
  }
else {
    ele.style.display = "block"; }
}
</script> 
<a href="#" onClick="return showHide();" >link</a>
<div id="showHideDiv" style="display:none;">hello!</div>    

Answer 1

你没有给我任何代码，所以你必须修改它以满足你的需要:

$(document).click(function() {
    if(this != $("#the_div")[0]) {
        $("#the_div").hide();
    }
});

如果用户单击页面上不是该 div 的任何地方，这将隐藏该 div。