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

您应该简单地使用以下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 实现，您只需将其放在您的 View 中并将其包装在：<script type="text/javascript"></script>。这些是显示焦点清晰的文本的理想方法。

您也可以使用Tooltip。希望这些示例对您有所帮助。 重要提示，我在 IE 8 中与占位符的兼容性没有问题。此外，这些方法不会强制执行 回发，这可能由于服务器端而发生。这将迫使您要么执行 Postback，要么实施 Update Panel / Ajax 来隐藏 Postback。

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

Answer 4

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