gpt4 book ai didi

JQuery:当文本框失去焦点时如何隐藏 DIV?

转载 作者:行者123 更新时间:2023-12-01 02:50:39 24 4
gpt4 key购买 nike

这是我的代码:

<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtInsertComments" CssClass="expanding" runat="server" AutoPostBack="false" TextMode="MultiLine"></asp:TextBox>
</div>
<div id="commands">
<table cellpadding="0" cellspacing="0" width="400px" id="tblCommands">
<tr>
<td style="width: 50%; text-align: center;">
<asp:LinkButton ID="lnbInsertRes" runat="server" CommandName="Insert" Font-Underline="false">Insert</asp:LinkButton>
</td>
<td style="width: 50%; text-align: center;">
<asp:LinkButton ID="lnbCancelRes" runat="server" CommandName="Cancel" Font-Underline="false">Cancel</asp:LinkButton>
</td>
</tr>
</table>
</div>
</form>
</body>
<script type="text/javascript">
$(function()
{
$("#commands").hide("normal");

$("textarea[id$=txtInsertComments]").focus(function()
{
$("#commands").show("normal");
});

});
</script>
</html>

首先,当加载此页面时,div #command 加载得非常快,然后就消失了。我需要 div 保持隐藏状态,直到单击文本框 txtInsertComments 控件或获得焦点。

其次,当用户单击文本框 txtInsertComments 或文本框失去焦点时,div #command 仍然存在并且没有隐藏。

感谢任何帮助。

最佳答案

您可以使用 CSS 隐藏 #command DIV,直到您想要显示它为止:

<div id="commands" style="display:none">

然后使用模糊/焦点来显示/隐藏#commands DIV:

$('#txtInsertComments').blur(function() {
$("#commands").hide()
}).focus(function() {
$("#commands").show()
});

关于JQuery:当文本框失去焦点时如何隐藏 DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1821001/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com