下面这个代码要呈现的是当TextBox1文本输入框按下enter键后,键盘焦点自动跳到TextBox2文本输入框.注意,当有button按钮时会影响原有效果展现. 前台代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestWebApplication3.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript"> function JumpByEnter() { if (event.keyCode == 13) { var tb2 = document.getElementById("TextBox2"); tb2.focus(); } } </script> </head> <body> <form id="form1" runat="server"> <div> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br> <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br> </div> </form> </body> </html>后台代码:
using System; namespace TestWebApplication3 { public partial class WebForm1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { this.TextBox1.Attributes.Add("onKeyDown", "JumpByEnter()"); } } } }irfirefox2.0中不支持 window.event.keyCode,
但是我们可以用event.which代替。但是为了使其能更具有普遍的兼容性，最好用event.keyCode|| event.which.
Keycode对照表 字母和数字键的键码值(keyCode)按键键码按键键码按键键码按键键码A65J74S83149B66K75T84250C67L76U85351D68M77V86452E69N78W87553F70O79X88654G71P80Y89755H72Q81Z90856I73R82048957数字键盘上的键的键码值(keyCode)功能键键码值(keyCode)按键键码按键键码按键键码按键键码0968104F1112F71181979105F2113F8119298*106F3114F9120399+107F4115F101214100Enter108F5116F111225101-109F6117F121236102.110 7103/111
控制键键码值(keyCode)按键键码按键键码按键键码按键键码BackSpace8Esc27Right Arrow39-_189Tab9Spacebar32Dw Arrow40.>190Clear12Page Up33Insert45/?191Enter13Page Down34Delete46`~192Shift16End35Num Lock144[{219Control17Home36;:186\|220Alt18Left Arrow37=+187]}221Cape Lock20Up Arrow38,<188'"222 多媒体键码值(keyCode)按键键码按键键码按键键码按键键码音量加175 音量减174 停止179 静音173 浏览器172 邮件180 搜索170 收藏171
出处：http://www.cnblogs.com/hsapphire/archive/2009/12/16/1625642.html
当代码运行起来的时候会出现一些静态页面所没有的代码
1.form表单出现了method、action、以及两处 class="aspNetHidden" 2.TextBox1出现了在页面加载时添加的属性onKeyDown="JumpByEnter() <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> </title> <script type="text/javascript"> function JumpByEnter() { if (event.keyCode == 13) { var tb2 = document.getElementById("TextBox2"); tb2.focus(); } } </script> </head> <body> <form method="post" action="./WebForm1.aspx" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="2FLDRX0mxMggVVmOT3ZVB5gg5bQUcts6Ub81Nu6PPKN7569tzCUH3gpBWPNtorE5684dc3jREyKC88gUF0u4sTY2RD2EiUW37WZSanIHGn/qRnSnjzNtTWlHnZIx3LrC9ObA11mVkNZ2pTlnVAaY3w==" /> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="B6E7D48B" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="1w3Nhcxnx1gezpdoOlP52V9A1tZHwJiLG8LsrcO6nRsCldX5Mx44gmUzMR7KqfmOY3+V0waVLcVSK9955YE+oVdZ8uRb+2Y+6ZLRCuEHNQtopOGm2PgE7jRe2e1YS/yfaMqTUxexYS6xzObFqmN84g==" /> </div> <div> <input name="TextBox1" type="text" id="TextBox1" onKeyDown="JumpByEnter()" /><br> <input name="TextBox2" type="text" id="TextBox2" /><br> </div> </form> </body> </html>