浅析C# TextBox事件实现体会-c# 事件

C# TextBox事件使用实例向你介绍了一个避免Button按钮起作用反而对Enter回车键有响应的实现，其目的就是做到Enter键来实现Tab效果的问题，那么我们来看看具体的实现效果、实现方法以及实现的实例。

C# TextBox事件的效果预期一般情况下：

◆当一个页面有TextBox以及Button的时候

◆当光标停留在TextBox上此时按Enter键回车

◆就会发现光标将焦点停留在Button上并且触发了Button的按钮事件

这里C# TextBox事件实现如下效果

一个包含[姓名TextBox1]和[备注TextBox2]以及[确定Button按钮]的页面

1.屏蔽按钮对回车键的响应而只响应鼠标的点击

2.以及实现Enter键达到Tab键的转换

◆即TextBox1非空时按回车键光标转到TextBox2

◆当TextBox2非空时按回车键光标转到Button

◆当光标停留在Button上时按回车键光标转到TextBox1

C# TextBox事件代码示例如下：

﹤%@ Page Language="C#" AutoEventWireup="true"   
CodeFile="Default2.aspx.cs" Inherits="Default2" %﹥  
﹤html﹥  
﹤head id="Head1" runat="server"﹥  
﹤title﹥屏蔽Button按钮对Enter键的响应﹤/title﹥  
﹤script language="javascript" type="text/javascript"﹥  
 
//TextBox1的 onkeydown事件  
//若TextBox1非空 则光标停留在TextBox2  
function TextBox1onKeyDown()  
{  
if(event.keyCode==13)  
{  
if(document.all.TextBox1.value=="")  
{  
document.all.TextBox1.focus();  
event.keyCode = 0;  
event.returnValue = false;  
}  
else 
{  
//event.keyCode=9;//Enter键-﹥Tab键  
document.all.TextBox2.focus();  
event.keyCode = 0;  
event.returnValue = false;   
}  
}  
}  
 
//TextBox2的 onkeydown事件  
//若TextBox2非空 则光标停留在Button1  
function TextBox2onKeyDown()  
{  
if(event.keyCode==13)  
{  
if(document.all.TextBox2.value=="")  
{  
document.all.TextBox2.focus();  
event.keyCode = 0;  
event.returnValue = false;  
}  
else 
{  
//event.keyCode=9;//Enter键-﹥Tab键  
document.all.Button1.focus();  
event.keyCode = 0;  
event.returnValue = false;   
}  
}  
}  
 
//Button1的 onkeydown事件  
//如果是回车键  
//则光标停留在TextBox1  
//不触发按钮事件  
function Button1onKeyDown()  
{  
if(event.keyCode==13)  
{  
document.all.TextBox1.focus();  
event.keyCode = 0;  
event.returnValue = false;  
}  
}  
 
//Button1的 onClick事件  
function btnOnClick()  
{  
alert(event.keyCode);  
alert('onclick');  
}  
 
﹤/script﹥  
﹤/head﹥  
﹤body﹥  
﹤form id="form1" runat="server"﹥  
﹤asp:TextBox ID="TextBox1" runat="server"﹥﹤/asp:TextBox﹥  
﹤asp:TextBox ID="TextBox2" runat="server"﹥﹤/asp:TextBox﹥  
﹤asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click"/﹥  
﹤/form﹥  
﹤/body﹥  
﹤/html﹥  
 
C# TextBox事件实现后台代码：  
 
public partial class Default2 : System.Web.UI.Page  
{  
protected void Page_Load(object sender, EventArgs e)  
{  
if (!IsPostBack)  
{  
this.TextBox1.Attributes.Add("onkeydown", "TextBox1onKeyDown();");  
this.TextBox2.Attributes.Add("onkeydown", "TextBox2onKeyDown();");  
this.Button1.Attributes.Add("onkeydown", "Button1onKeyDown();");  
this.Button1.Attributes.Add("onclick", "btnOnClick();");  
this.TextBox1.Focus();  
}  
}  
protected void Button1_Click(object sender, EventArgs e)  
{  
Response.Write("onclickServer");  
}  
}

C# TextBox事件的相关内容和实现实例就向你介绍到这里，希望那个对你了解和学习C# TextBox事件有所帮助。

【编辑推荐】