閲覧総計:&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 - おの -- &new{2011-07-07 (木) 11:54:28}; - 1 -- &new{2012-01-12 (木) 18:14:41}; - tabstop=-1でもフォーカスが移動してしまいます。 -- [[通行人]] &new{2012-01-16 (月) 17:12:02}; #comment_nospam #vote(参考になった[5],ふつう[0],参考にならなかった[1])