如何在 asp:TextBox 的 keyup 事件上调用 javascript 函数答案

【问题标题】：How to call javascript function on keyup event for asp:TextBox如何在 asp:TextBox 的 keyup 事件上调用 javascript 函数
【发布时间】：2011-04-09 19:31:43
【问题描述】：

如何在 asp.net 的 TextBox 控件的 keyup 事件上调用 javascript 函数？我正在尝试这样的事情，但它不起作用。

<asp:TextBox ID="txt_userid" runat="server"  onkeyup="GetRes();"></asp:TextBox>

更新
有更新警报正在工作，但 java 函数中的断点不起作用。

【问题讨论】：

您上面的代码行没有任何问题。你有什么错误吗？您是否正确定义了 GetRes() 函数？

标签： javascript asp.net events client-side

【解决方案1】：

测试这个解决方案：

将此代码添加到您的页面加载：

txt_userid.Attributes.Add("onkeyup", "GetRes();");

我并不是说这是最好的方法，但它确实有效。

更新：

完整示例：

ASPX：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:TextBox ID="txt_userid" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>

后面的代码：

protected void Page_Load(object sender, EventArgs e)
        {
            txt_userid.Attributes.Add("onkeyup", "alert('hi');");
        }

完美运行。在 IE、Chrome、FireFox 中测试过。

【讨论】：

onkeyup 是用来处理它的事件。为什么说它不起作用？你试过显示alert 吗？
@Ranhiru Cooray：有更新警报正在工作，但 java 函数中的断点不起作用。
您想处理 onkeyup 事件，客户端使用 JavaScript 还是在服务器端使用 C#/VB.NET 代码？我知道您已将客户端指定为标记，但是您希望 JavaScript 中的哪个断点起作用？
@jams：更新了我的帖子。看看这个。我包含的样本有效。

【解决方案2】：

很简单：

TextBox1.Attributes.Add("onclick", "hello();");

在 asp.cs 代码文件中。

然后在aspx源文件中使用javascript函数：

<script type="text/javascript">
    function hello() {

    alert("hi")

    }

</script>

【讨论】：

【解决方案3】：

$(document).ready(function () {
  $('#<%=TextBox1%>').keyup(function () {
    updateDateKey($(this).val());
  });
});

【讨论】：