イントラネットでホームページの管理をしています。
個人認証画面にてユーザー→パスワードを入力してもらい、認証ボタンを押してメインページへ飛ぶ画面があります。
ユーザー入力後にEnterキー押下でパスワードへ、
パスワード入力後にEnterキー押下で認証ボタンへ
それぞれフォーカスを移動したいのですが、実現方法がわかりません。
javascriptでfocus()及びblur()を使えばと思いましたが、キー入力イベントの取得方法がわかりません。
ページ先頭にてdocument.onkeydownから取得する方法だと初回のみの取得しか出来ませんでした。
それぞれのオブジェクトでキー入力のイベント判定をしてフォーカスを移動する方法があれば教えてください。
OS :WIN2K
ブラウザ:NetScape4.0
PG :HTML(ASP,VBScript,JavaScript)
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
IE6, Firefox 1.5 で確認しましたが、
>ブラウザ:NetScape4.0
で動くかどうかは未確認です。
場合によっては、switch 文を if 文に
target を別の方法で置き換えて下さい。
----------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>Sample</title>
<script>
<!--
window.onload=function(){
document.FORM1.user.onkeydown=jump;
document.FORM1.pass.onkeydown=jump;
};
function jump(e){
e = (e) ? e : window.event;
if(e.keyCode==13){
if(e.target){
switch(e.target.name){
case "user" :
document.FORM1.pass.select();
return false;
case "pass" :
document.FORM1.cert.focus();
return false;
}
} else {
e.keyCode = 9;//IE:OK, Firefox:NG - readonly
}
}
return true;
}
//-->
</script>
</head>
<body>
<form name="FORM1" action="認証ページ" method="POST" >
ユーザー名<input type="text" name="user" id="USER" tabindex="1"><br>
パスワード<input type="password" name="pass" id="PASS" tabindex="2"><br>
<input type="submit" name="cert" value="認証" tabindex="3">
</form>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript HTMLでJavaScriptを使用してプログラムを作ります。 入力されたパスワードを取得して、パス 2 2022/10/18 01:05
- その他(ブラウザ) 自分のデフォルトゲートウェイをアドレスバーに入力し、Enterキーを押します。(一般的なデフォルトゲ 4 2022/05/30 22:43
- その他(ブラウザ) ・再投稿です 自分のデフォルトゲートウェイをアドレスバーに入力し、Enterキーを押します。(一般的 1 2022/05/30 23:16
- マウス・キーボード テンキーの設定がおかしくなっています。 5 2023/08/09 15:35
- Word(ワード) IMEパッドがショートカットキーで開かないのですが。。。 5 2023/06/11 09:23
- iOS これは日本語入力の大発明ですか? 7 2022/12/21 07:17
- マウス・キーボード scroll Lockキーを解除したけれど。 1 2022/09/16 09:23
- Excel(エクセル) 表内で、Enterキーで横→行の最後入力したら次の行の先頭に移動するマクロを作りたい 3 2022/05/01 21:19
- gooポイント gooポイントをdポイントに交換できない。 3 2022/04/22 20:39
- ネットワーク 家庭内LANの2台のPC間で「ネットワーク資格情報の入力」で引っかかってフォルダが共有できない 1 2022/12/11 23:37
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
SUBMITボタンを表示させないでS...
-
getParameterで値が取得できず...
-
リンクでPOSTデータを送信する...
-
input button の文字の色を2色...
-
htmlで画面遷移させたい
-
htmlでsubmit送信時、actionよ...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
ASP.NET ブラウザでボタンが表...
-
INPUTのボタン周囲のスペース
-
formの送信ボタンをテキストに...
-
HTMLだけでボタン作成
-
戻ると、記入フォームの内容が...
-
[html]<input type="file">タグ...
-
HTMLのボタンで他サイトへ...
-
コネクション・セッション・ト...
-
Accessの画面更新を一時的に停...
-
PHPからWindowsログインユーザ...
-
複数選択のListBoxでClickイベ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
checkboxとlabelがずれる
-
submitボタンにvalue属性の値で...
-
ボタンをクリックした時に、入...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
ボタンのなかに表示する文字を...
-
UWSC
-
グーグルマップの文字化けで困...
-
HTMLだけでボタン作成
-
<FORM> </FORM> の中に さらに...
-
INPUTのボタン周囲のスペース
-
ボタンリンクの文章を二行に・・・
-
inputのtextとsubmitの高さがズ...
-
ボタンを押さずにボタンを押す...
-
戻ると、記入フォームの内容が...
-
formの送信ボタンをテキストに...
-
どのボタンが押されたかの判定
-
ただいま勉強始めたての初心者...
おすすめ情報