Enter转Tab,跨过只读属性的控件_html onkeyup 回车 tab-优快云博客

本文介绍了一个ASP.NET网页应用中实现当用户按下Enter键时，焦点自动跳转到下一个可编辑输入框的方法。通过JavaScript实现了跨浏览器兼容性的事件监听及按键处理逻辑，确保了用户体验的流畅性。

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="EnterToTab.aspx.vb" Inherits="Forms_EnterToTab" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <mce:script language="javascript" type="text/javascript"></mce:script> </head> <body> <form id="myForm" runat="server"> <table> <tr> <td> <asp:TextBox ID="TextBox1" runat="server" Text="TextBox1"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox2" runat="server" Text="TextBox2" ReadOnly="true" style="height: 18px; border: 1px solid #BEBEBE; background-color: #EEEEEE;"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox3" runat="server" Text="TextBox3" ReadOnly="true" style="height: 18px; border: 1px solid #BEBEBE; background-color: #EEEEEE;"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox4" runat="server" Text="TextBox4"></asp:TextBox></td> <td> <asp:CheckBox ID="CheckBox1" runat="server" /></td> </tr> <tr> <td> <asp:CheckBox ID="CheckBox2" runat="server" /></td> <td> <asp:RadioButton ID="RadioButton1" runat="server" Checked="true" /></td> <td> <asp:RadioButton ID="RadioButton2" runat="server" /></td> <td> <asp:TextBox ID="TextBox5" runat="server" Text="TextBox5"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox6" runat="server" Text="TextBox6" ReadOnly="true" style="height: 18px; border: 1px solid #BEBEBE; background-color: #EEEEEE;"></asp:TextBox></td> </tr> <tr> <td> <asp:TextBox ID="TextBox7" runat="server" Text="TextBox7" ReadOnly="true" style="height: 18px; border: 1px solid #BEBEBE; background-color: #EEEEEE;"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox8" runat="server" Text="TextBox8"></asp:TextBox></td> <td> <asp:Button ID="Button1" runat="server" Text="Button" /></td> <td> <asp:TextBox ID="TextBox9" runat="server" Text="TextBox9"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox10" runat="server" Text="TextBox10"></asp:TextBox></td> </tr> </table> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </form> </body> </html>