閲覧総計: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