Enterキーでフォーカスを移動する法のバックアップソース(No.2)

閲覧総計：&counter();　　（本日：&counter(today);　　昨日：&counter(yesterday);)

　ASP.NETのプログラムで、キーワード検索を行う様な場合、TextBoxへキーワード
を入力し、Enterキーを押すとフォーカスが「検索」ボタンへ移動し、更にEnterキー
を押すと検索が実行さる動作は非常に便利である。
　今回、Enterキーでフォーカスを移動する方法を確認した。　09/09/27

↓参考にしたページ：「TextBoxをEnterで次のコントロールへフォーカス移動」　09/01/23
http://blog.livedoor.jp/papi1963/archives/406235.html

開発環境：VWD2005+AJAX1.0+Toolkit + SQL Server2005
サーバ：ASP.NET2.0+AJAX1.0 + SQL Server2005

【稼動サンプル】
http://www.kuri6005.fscs.jp/20Normal/EnterTransfer/EnterTransfer.aspx
#ref(EnterTransfer.JPG);

【EnterTransfer.aspx】
 <%@ Page Language="VB" %>
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <script runat="server">
     Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
         Label1.Text = TextBox1.Text
         
     End Sub
 </script>
 
 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head runat="server">
     <title>Enterキーによるフォーカスの移動の確認</title>
     <script type="text/javascript">
         function nextFocus(n) {
             if (event.keyCode == 13) {
                 for (var i = 0, f = n.form.elements; i < f.length; i++) {
                     if (f[i] == n) {
                         (f[i + 1] || f[0]).focus();
                          break;
                     }
                 }
                  event.returnValue = false;
             }
         }
     </script>
 
 </head>
 <body>
     <form id="form1" runat="server">
     <div>
         Enterキーによるフォーカスの移動の確認 09/09/27<br />
         <br />
         【機能】コメントを入力し、Enterキーを押すと、フォーカスが<br />
         送信ボタンへ移動する。更にEnterキーを押すと、入力コメ<br />
         ントがLabelに表示される。<br />
         コメント：<asp:TextBox ID="TextBox1" onkeydown="nextFocus(this);" runat="server"></asp:TextBox>
         <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="送信" /><br />
         <br />
         <asp:Label ID="Label1" runat="server" Text="・送信コメントがここに表示されます。"></asp:Label></div>
     </form>
 </body>
 </html>


【参考にしたページ】
1.TextBoxをEnterで次のコントロールへフォーカス移動　09/01/23
http://blog.livedoor.jp/papi1963/archives/406235.html


#comment_nospam
#vote(参考になった[0],ふつう[0],参考にならなかった[0])
Enterキーでフォーカスを移動する法 のバックアップソース(No.2)

Enterキーでフォーカスを移動する法のバックアップソース(No.2)
