asp.net 实现回车替代Tab

晨曦之光 发布于 2012/05/16 17:14
阅读 129
收藏 0

原文地址:http://blog.csdn.net/zhensoft163/archive/2010/07/23/5758017.aspx

最近一个客户需要在网页上按回车来实现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"><!--  
     
  window.document.attachEvent("onkeydown"   ,   function(){     
  if(window.event.keyCode==13){     
  window.event.keyCode   =   9;     
  }     
  });  
// --></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文件为:

<script language="JavaScript" type="text/javascript"><!--
 
window.document.attachEvent("onkeydown", function() {
var obj = document.activeElement;
if (window.event.keyCode == 13 && obj.type != 'submit') {
window.event.keyCode = 9;
}
});
// --></script>


ok! 


原文链接:http://blog.csdn.net/maji9370/article/details/5872623
加载中
返回顶部
顶部