PHPで作成している画面について、テキストコントロールにフォーカスがある場合に、
Enterキーを押下することで、submitが行われることを無効化させたいと思っています。
<SCRIPT LANGUAGE=javascript>
<!--
document.onkeypress = enter;
function enter(){
if( window.event.keyCode == 13 ){
return false;
}
}
//-->
</SCRIPT>
のようなJavaScriptを記述すれば完全にEnterキーを無効にできるようですが、
この状態だと、submitにフォーカスがある状態でEnterキーを押下してもsubmitが実行されません。
この状態を解決する方法をご存知の方、アドバイスをお願いします!!
ちなみにブラウザは最低でも、IE6,7とFireFoxには対応したいと思っています。
当方、HTML,PHP,JavaScriptは素人同然ですので、明確な内容で教えて頂けると助かります。
宜しくお願いします!!
No.2ベストアンサー
- 回答日時:
すみません、気になったのちょっと横槍を失礼……
「テキストコントロールのときだけ」無効ならば以下ですね。
<html>
<head>
<title>テキストがアクティブのときだけエンターきかない</title>
</head>
<body>
<form id="form1" name="form1" action="http://localhost/">
テキストA:<input type="text" name="arrowhead"><BR>
チェック:<input type="checkbox" name="delta"><BR>
テキストB:<input type="text" name="ladylove"><BR>
ラジオ:<input type="radio" name="wavemaster"><BR>
セレクト:<select name="morningglory">
<option>セレクト
</select><BR>
<input type="submit" value="サブミット"><BR>
</form>
</body>
<script type="text/javascript">
<!--
//@cc_on
document./*@if(1) attachEvent( 'on' + @else@*/ addEventListener( /*@end@*/ 'keypress', function( evt ) {
var target = evt./*@if(1) srcElement @else@*/ target /*@end@*/;
var keyCode = evt./*@if(1) keyCode @else@*/ which /*@end@*/;
if( /text/i.test( target.type ) && keyCode == 13 ) {
/*@if(1) evt.returnValue = false; @else@*/ evt.preventDefault( ); /*@end@*/
}
}, false );
//-->
</script>
</html>
違う部分を探せば分かると思いますが、今後の学習などの参考になればと思い投稿いたしました。
No.1
- 回答日時:
<script type="text/javascript">
<!--
//@cc_on
document./*@if(1) attachEvent( 'on' + @else@*/ addEventListener( /*@end@*/ 'keypress', function( evt ) {
var target = evt./*@if(1) srcElement @else@*/ target /*@end@*/;
var keyCode = evt./*@if(1) keyCode @else@*/ which /*@end@*/;
if( !/submit/i.test( target.type ) && keyCode == 13 ) {
/*@if(1) evt.returnValue = false; @else@*/ evt.preventDefault( ); /*@end@*/
}
}, false );
//-->
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- Excel(エクセル) エクセルのバージョン2016フリーズ改善策 5 2022/12/13 09:13
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- マウス・キーボード win7 文字変換選択確定をテンキーでさせない 3 2023/03/05 16:29
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
大文字か小文字かを判断する方法
-
フォームの内容でリンク先URLの...
-
VBscriptの配列変数をJavascrip...
-
送信フォームで送信ボタンをお...
-
VBSでブラウザ上のテキストボッ...
-
Javascript 郵便番号の入力欄で...
-
Javascriptの"return "について
-
ハイパーリンクを別ウインドウ...
-
フォームから入力すると、入力...
-
name属性のないformタグの、中...
-
プルダウン 項目が多いので先頭...
-
ラジオボタンのNullチェック
-
value内に変数を入れたい
-
JavaScriptで特定のtdタグにcla...
-
入力フォームに半角スペース以...
-
マウスカーソルの変更
-
ツリービューのチェックボック...
-
javaScriptの変数をJavaの変数...
-
特定<table>内の<td>の色を変える
-
【バグ解決】jQuery要素の絞り...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TextBoxに半角数字以外を入れた...
-
HTMLファイル同士での値渡し
-
ページ間で変数を保持したい
-
マイナスなら赤字で表示したい...
-
プルダウンで選択された値を別...
-
HTMLとJavaScriptで作った表示...
-
テキストエリアに履歴を残したい
-
フォームの内容でリンク先URLの...
-
tabindexの取得
-
テキストボックスに入力した色...
-
VBscriptの配列変数をJavascrip...
-
GetElementByIdがうまく取得で...
-
javascriptのちょっとした動作...
-
どちらかひとつのテキストボッ...
-
大文字か小文字かを判断する方法
-
VBScriptでpingを実行(ブラウザ...
-
フォーカス設定について教えて...
-
フォーカスが外れた時の入力チ...
-
jQueryのdatepickerの日付が選...
-
JavaScriptからphp関数の呼び出し
おすすめ情報