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

閲覧総計：13087　　（本日：1　　昨日：0)

　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

【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

選択肢	投票
参考になった	13
ふつう	0
参考にならなかった	4

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

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