閲覧総計:&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}; - すばらしい -- [[おち]] &new{2012-03-16 (金) 17:10:02}; - あ -- [[あああ]] &new{2012-05-07 (月) 16:07:32}; - a -- [[a]] &new{2012-07-23 (月) 17:32:17}; - 太郎 -- [[京朋]] &new{2014-01-30 (木) 15:26:51}; - 太郎 -- [[京朋]] &new{2014-01-30 (木) 15:35:42}; - いいい -- [[い]] &new{2014-01-31 (金) 10:41:49}; - adf -- [[adf]] &new{2014-09-04 (木) 04:10:25}; - asdf -- [[et]] &new{2014-09-04 (木) 04:10:44}; - xiao -- [[ding]] &new{2014-09-04 (木) 04:10:55}; - あ -- &new{2015-06-03 (水) 11:52:59}; #comment_nospam #vote(参考になった[13],ふつう[0],参考にならなかった[4])