在asp.net中实现回车替代Tab键
通常在網(wǎng)頁中添加大量內(nèi)容時，為了便捷，需要實現(xiàn)回車替代Tab鍵，按照次序填寫內(nèi)容．
由于在asp.net中fouce函數(shù)中有功能，既控件聚焦．但是如果要實現(xiàn)回車替代Tab鍵還得需要腳本語言來實現(xiàn)．
其實原理很簡單，在頁面事件中，檢測window.event.keyCode為13（既回車的鍵值），替換為9（既Tab鍵的鍵值）．
<script?? language="JavaScript" type="text/javascript">??
? <!--??
? window.document.attachEvent("onkeydown"?? ,?? function(){??
? if(window.event.keyCode==13){??
? window.event.keyCode?? =?? 9;??
? }??
? });??
? //-->??
</script>
當(dāng)然，要使asp.net頁面中的控件按照一定的次序來"Tab"，必須設(shè)置這些控件的TabIndex值，依照你所需要的順序來編制．
??????? <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="Button" /></div>
該例只實現(xiàn)了回車替代Tab鍵，但是在真正需要回車的時候，卻只能是用鼠標(biāo)點擊按鈕了．本人想實現(xiàn)一種更理想的方案，當(dāng)所有文本框都已經(jīng)填寫完畢，正好聚焦(Tab)到了提交按鈕時，按回車就直接提交了，這個想法若有人能實現(xiàn)，請在此留言，本人感激不盡！
全部代碼如下：
<%@ 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>無標(biāo)題頁</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="Button" /></div>
??? </form>
</body>
</html
轉(zhuǎn)載于:https://www.cnblogs.com/chf/archive/2006/08/31/491185.html
總結(jié)
以上是生活随笔為你收集整理的在asp.net中实现回车替代Tab键的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 创业，程序员心中说不出的痛
- 下一篇： 我的设计模式之旅(4)——生成器(建造者