プログラムのメモ置き場 @ ウィキ
js002
最終更新:
chaka-poko
-
view
EnterKeyの制御 その1
JWebForm1_1.aspx
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title>JavaScript Enterキー入力でFocus移動 その1</title>
- <script type="text/javascript">
-
- function ChangeKeycode() {
- if (event.keyCode == 13 && event.srcElement.type == 'text') {
- event.keyCode = 9;
- }
- }
-
- document.onkeydown = ChangeKeycode;
-
- </script>
- </head>
- <body onload="document.form1.txtUserID.focus()">
- <form id="form1" runat="server">
- <h2>
- JavaScript</h2>
- <h3>
- Enterキーの制御 その1</h3>
- <table cellpadding="5">
- <tr>
- <td width="110px">
- ユーザーID:</td>
- <td width="160px">
- <asp:TextBox ID="txtUserID" runat="server"></asp:TextBox>
- </td>
- <td width="50px">
- </td>
- </tr>
- <tr>
- <td>
- パスワード:</td>
- <td>
- <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
- </td>
- <td>
- <asp:Button ID="btnSubmit" runat="server" Text="送信" />
- </td>
- </tr>
- <tr>
- <td colspan="3">
- <asp:Label ID="lblMsg" runat="server"></asp:Label>
- </td>
- </tr>
- </table>
- </form>
- </body>
- </html>
JWebForm1_1.aspx.vb
イベントが発生したコントロールのタイプがtextだったら、Enterキー入力をTabキー入力に変換することでFocusを移動している。
コントロールのタイプがpasswordだったら、Enterキー入力のままなので、FormがSubmitされる。
つまり、ユーザーID入力、Enter→パスワードにFocusが移動 パスワード入力、Enter →FormがSubmitされる
document.body.onkeydown = ~ は、bodyタグの中に書かないとダメ。
document.onkeydown = ~ ならば、headタグのなかでも、bodyタグの中でもOK。
※このページはdocument.onkeydown =~をheadタグの中に書いている。
※このページはデザインファイル(.aspx)に直接JavaScriptを書いている。
コントロールのタイプがpasswordだったら、Enterキー入力のままなので、FormがSubmitされる。
つまり、ユーザーID入力、Enter→パスワードにFocusが移動 パスワード入力、Enter →FormがSubmitされる
document.body.onkeydown = ~ は、bodyタグの中に書かないとダメ。
document.onkeydown = ~ ならば、headタグのなかでも、bodyタグの中でもOK。
※このページはdocument.onkeydown =~をheadタグの中に書いている。
※このページはデザインファイル(.aspx)に直接JavaScriptを書いている。
[Counter] Total: -