閲覧総計:13087 (本日:1 昨日:0)
ASP.NETのプログラムで、ページロードした時、最初から入力用TextBoxにフォー
カスが移動していると とても便利である。
ページロード時にTextBoxにフォーカスをセットする方法を確認した。 09/09/26
↓参考にしたページ:「コントロールにフォーカスをセットするには?」04/05/21
http://www.atmarkit.co.jp/fdotnet/dotnettips/161setfocus/setfocus.html
開発環境:VWD2005+AJAX1.0+Toolkit + SQL Server2005
サーバ:ASP.NET2.0+AJAX1.0 + SQL Server2005
【稼動サンプル】
http://www.kuri6005.fscs.jp/20Normal/SetFocus/SetFocus01.aspx
#ref(): File not found: "SetFocus01.JPG" at page "Enterキーでフォーカスを移動する法"
【SetFocus01.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.コントロールにフォーカスをセットするには? 04/05/21
http://www.atmarkit.co.jp/fdotnet/dotnettips/161setfocus/setfocus.html