向 ASP.NET Web 服务器控件添加客户端脚本事件

更新：2007 年 11 月 可以像对 HTML 元素那样，以声明方式向 ASP.NET 网页上的控件添加客户端脚本。或者，如果事件或代码依赖仅在运行时可用的信息，可以通过编程方式向 ASP.NET Web 服务器控件添加客户端脚本事件。 说明： 可以在客户端脚本中通过 ID 引用控件。有关更多信息，请参见 ASP.NET 网页中的客户端脚本。 向按钮添加客户端脚本 onclick 事件需要一个专门过程，本主题后面的内容会对此进行介绍。 说明： 对客户端脚本的支持取决于浏览器。例如，Internet Explorer、Mozilla 和移动设备浏览器可能会对客户端脚本提供不同类型的支持。 以声明方式向 ASP.NET 服务器控件添加客户端事件处理程序 在控件的标记中添加事件属性，例如，onmouseover 或 onkeyup。针对属性值添加要执行的客户端脚本。 说明： 始终都要在属性中的客户端脚本之后添加一个分号 (;)。这是必需的，这样就可以在 ASP.NET 生成控件的客户端脚本（例如，如果控件的 AutoPostBack 属性设置为 true）时首先运行此代码。 控件标记中任何不与控件属性 (property) 对应的属性 (attribute)/值对都会按原样传递给浏览器。 下面的代码示例演示一个包含客户端脚本的 ASP.NET 网页，当用户将鼠标移到按钮上方时，此脚本就会更改该按钮的文本颜色。
Untitled Page
< type="text/javascript">
var previousColor;
function MakeRed()
{
previousColor = window.event.srcElement.style.color;
window.event.srcElement.style.color = "#FF0000";
}
function RestoreColor()
{
window.event.srcElement.style.color = previousColor;
}





以编程方式向 ASP.NET 控件添加客户端事件处理程序

在页面的 Init 或 Load 事件中调用控件的 Attributes 集合的 Add 方法。
下面的代码示例演示如何向 TextBox 控件添加客户端脚本。该客户端脚本显示 TextBox 控件中的文本长度。该脚本假定页面包含一个名为 spanCounter 的 span 元素。

protected void Page_Load(object sender, EventArgs e)
{
String displayControlName = "spanCounter";
TextBox1.Attributes.Add("onkeyup", displayControlName +
".innerText=this.value.length;");
}
 
向按钮控件添加客户端 Onclick 事件