浅析C#TextBox事件实现体会

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

成都创新互联公司于2013年创立,先为源城等服务建站,源城等地企业,进行企业商务咨询服务。为源城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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事件代码示例如下:

 
 
 
  1. ﹤%@ Page Language="C#" AutoEventWireup="true"   
  2. CodeFile="Default2.aspx.cs" Inherits="Default2" %﹥  
  3. ﹤html﹥  
  4. ﹤head id="Head1" runat="server"﹥  
  5. ﹤title﹥屏蔽Button按钮对Enter键的响应﹤/title﹥  
  6. ﹤script language="javascript" type="text/javascript"﹥  
  7.  
  8. //TextBox1的 onkeydown事件  
  9. //若TextBox1非空 则光标停留在TextBox2  
  10. function TextBox1onKeyDown()  
  11. {  
  12. if(event.keyCode==13)  
  13. {  
  14. if(document.all.TextBox1.value=="")  
  15. {  
  16. document.all.TextBox1.focus();  
  17. event.keyCode = 0;  
  18. event.returnValue = false;  
  19. }  
  20. else 
  21. {  
  22. //event.keyCode=9;//Enter键-﹥Tab键  
  23. document.all.TextBox2.focus();  
  24. event.keyCode = 0;  
  25. event.returnValue = false;   
  26. }  
  27. }  
  28. }  
  29.  
  30. //TextBox2的 onkeydown事件  
  31. //若TextBox2非空 则光标停留在Button1  
  32. function TextBox2onKeyDown()  
  33. {  
  34. if(event.keyCode==13)  
  35. {  
  36. if(document.all.TextBox2.value=="")  
  37. {  
  38. document.all.TextBox2.focus();  
  39. event.keyCode = 0;  
  40. event.returnValue = false;  
  41. }  
  42. else 
  43. {  
  44. //event.keyCode=9;//Enter键-﹥Tab键  
  45. document.all.Button1.focus();  
  46. event.keyCode = 0;  
  47. event.returnValue = false;   
  48. }  
  49. }  
  50. }  
  51.  
  52. //Button1的 onkeydown事件  
  53. //如果是回车键  
  54. //则光标停留在TextBox1  
  55. //不触发按钮事件  
  56. function Button1onKeyDown()  
  57. {  
  58. if(event.keyCode==13)  
  59. {  
  60. document.all.TextBox1.focus();  
  61. event.keyCode = 0;  
  62. event.returnValue = false;  
  63. }  
  64. }  
  65.  
  66. //Button1的 onClick事件  
  67. function btnOnClick()  
  68. {  
  69. alert(event.keyCode);  
  70. alert('onclick');  
  71. }  
  72.  
  73. ﹤/script﹥  
  74. ﹤/head﹥  
  75. ﹤body﹥  
  76. ﹤form id="form1" runat="server"﹥  
  77. ﹤asp:TextBox ID="TextBox1" runat="server"﹥﹤/asp:TextBox﹥  
  78. ﹤asp:TextBox ID="TextBox2" runat="server"﹥﹤/asp:TextBox﹥  
  79. ﹤asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click"/﹥  
  80. ﹤/form﹥  
  81. ﹤/body﹥  
  82. ﹤/html﹥  
  83.  
  84. C# TextBox事件实现后台代码:  
  85.  
  86. public partial class Default2 : System.Web.UI.Page  
  87. {  
  88. protected void Page_Load(object sender, EventArgs e)  
  89. {  
  90. if (!IsPostBack)  
  91. {  
  92. this.TextBox1.Attributes.Add("onkeydown", "TextBox1onKeyDown();");  
  93. this.TextBox2.Attributes.Add("onkeydown", "TextBox2onKeyDown();");  
  94. this.Button1.Attributes.Add("onkeydown", "Button1onKeyDown();");  
  95. this.Button1.Attributes.Add("onclick", "btnOnClick();");  
  96. this.TextBox1.Focus();  
  97. }  
  98. }  
  99. protected void Button1_Click(object sender, EventArgs e)  
  100. {  
  101. Response.Write("onclickServer");  
  102. }  
  103. }   

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

【编辑推荐】

  1. C# CheckBox控件概念以及用途浅析
  2. 学习C# MessageBox用法的一点体会
  3. 浅析C# HTTP Request请求程序模拟
  4. 详解C# MessageBox用法
  5. 详解C# CheckBox选中的判断方法

网站名称:浅析C#TextBox事件实现体会
本文路径:http://www.csdahua.cn/qtweb/news5/27155.html

网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网