C# - 如何在焦点上更改文本框的值

Question

我正在用 C# 编写一个应用程序。 我想在用户单击（聚焦）文本框后替换 TEXT 属性的值。 当他们单击以编辑文本框时，我想将 TEXT 值设置为空白而不是“在此处输入名称”一词。

前端：

<asp:TextBox Text="ENTER NAME HERE" OnClick="MyTextboxID_OnClick" ID="MyTextboxID" runat="server"></asp:TextBox>

代码隐藏：

protected void MyTextboxID_OnClick(object sender, EventArgs e) 
{
    MyTextboxID.Text = "";
}

我试图找到这个问题的答案，但答案并不完全符合我想要做的。

我希望 C# 有类似于 Javascript 的“OnClick”或“OnFocus”事件的东西。 出于说明目的，我将 OnClick 事件添加到文本框。 此 OnClick 事件不起作用。

预先感谢您的帮助！

Answer 1

请记住，ASP.NET 主要是服务器端的。 在 C# 中运行的操作需要回发到服务器。 使用 AJAX 可以在一定程度上减轻这种情况对页面的影响，但这就是为什么在 ASP 控件之外看不到“OnClick”事件的原因。

但是，您仍然可以使用 Javascript“OnClick”事件。 由于 Javascript 在客户端上运行，并且此实例中的交互完全在客户端上处理，因此您应该使用它。

Answer 2

如果您不习惯使用 Javascript，您可能需要查看TextBoxWatermark服务器端控件。

它是可用的NuGet 。

<asp:TextBox OnClick="MyTextboxID_OnClick" 
    ID="MyTextboxID" runat="server">
</asp:TextBox>

<ajaxToolkit:TextBoxWatermarkExtender ID="TBWE2" runat="server"
    TargetControlID="MyTextboxID"
    WatermarkText="ENTER NAME HERE"
    WatermarkCssClass="watermarked" />

Answer 3

为什么不使用占位符属性，而根本不必担心替换文本。 这将显示文本框何时为空但在焦点上消失

Answer 4

您应该简单地使用以下Placeholder="Enter text here."

选项一：

<asp:Textbox id="txtName" runat="server" placeholder="Enter name here." />

选项二：

$("#<%= txtName.ClientId %>").setAttribute('placeholder', 'Enter name here.');
$("#<%= txtName.ClientId %>").attr('placeholder', 'Enter name here.');

对于 Javascript 实现，您只需将它放在您的视图中并将其包装在： <script type="text/javascript"></script> 。 这些是显示焦点清晰的文本的理想方法。

您还可以使用Tooltip 。 希望这些例子对你有所帮助。 重要说明，我对 IE 8 与占位符的兼容性没有任何问题。 此外，这些方法不会强制由于服务器端而可能发生的回发。 这将迫使您执行回发或实施更新面板/Ajax以隐藏回发。

• 插件： https : //github.com/mathiasbynens/jquery-placeholder