asp.net 实现回车替代Tab

最新推荐文章于 2015-05-06 10:14:31 发布

zhensoft163

最新推荐文章于 2015-05-06 10:14:31 发布

阅读量3.6k

点赞数

分类专栏：工作积累专业技能文章标签： asp.net textbox server asp javascript button

本文链接：https://blog.csdn.net/zhensoft163/article/details/5758017

版权

专业技能同时被 2 个专栏收录

48 篇文章 0 订阅

订阅专栏

工作积累

26 篇文章 0 订阅

订阅专栏

最近一个客户需要在网页上按回车来实现Tab键的功能，我们说也是用Tab键来实现，可用户说他用Excel习惯了，所以此处也想这么操作，为了达到客户的需要，我们就这样做了。废话不多说，写个例子就明白了。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <!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>回车键替代Tab测试</title> <script language="JavaScript" type="text/javascript"></script> </head> <body> <form id="form1" runat="server"> <div> <asp:TextBox ID="TextBox1" runat="server" AutoCompleteType="Department" TabIndex="1"></asp:TextBox><br /> <asp:TextBox ID="TextBox2" runat="server" TabIndex="2"></asp:TextBox><br /> <asp:TextBox ID="TextBox3" runat="server" TabIndex="3"></asp:TextBox> <br /> <asp:TextBox ID="TextBox4" runat="server" TabIndex="4"></asp:TextBox><br /> <asp:TextBox ID="TextBox5" runat="server" TabIndex="5"></asp:TextBox><br /> <asp:Button ID="Button1" runat="server" Text="提交" /></div> </form> </body> </html

功能实现。但是这却有个问题，就是在最后的提交按钮点回车却不能提交了，只能点击鼠标实现提交。

把js改进一下即可实现了，改进后的js文件为：

ok!