- 追加された行はこの色です。
- 削除された行はこの色です。
閲覧総計:&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])