Question

我已经创建了一个隐藏的div ..并且在点击我的登录按钮之后div显示..但是在点击该div之外的任何东西之后我想要消失我的div ...如何???

我的按钮

<asp:Button ID="loginbutton" runat="server" Text="Login"  OnClientClick=" return   someFunction();"/>

我的剧本

<script type="text/javascript">
function someFunction() {
    $("#logdiv").show();
   // document.getElementById('logdiv').style.display = "block";
    return false;
}

Answer 1

您可以捕获文档单击，并将其隐藏为：

document.onclick = function()
{
    $("#logdiv").hide(); 
}

如果你使用jQuery同样是

$(document).click(function(e) { 
    $("#logdiv").hide(); 
});

Answer 2

如果你将这个javascript函数添加到div之外的可见元素：（不太擅长ASP，对不起）

...onclick="document.getElementById('logBox').style.display='none';"...

e.g。

<div onclick="document.getElementById('logBox').style.display='none';"><div>

您也可以尝试将其添加到<body>标记中 - 但在点击时可能包含该内容。

最终会出现类似here

所示的内容

为什么我的div在该div之外的任何点击后没有再次隐藏？

2 个答案: