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ランキング
-
VBscriptの配列変数をJavascrip...
-
プルダウンで選択された値を別...
-
tabindexの取得
-
FireFoxでfocus()が上手く動かない
-
ユーザー入力値の正誤判定をブ...
-
フォームの内容でリンク先URLの...
-
フォーカス設定について教えて...
-
TextBoxに半角数字以外を入れた...
-
ページ間で変数を保持したい
-
どちらかひとつのテキストボッ...
-
HTMLファイル同士での値渡し
-
GetElementByIdがうまく取得で...
-
マイナスなら赤字で表示したい...
-
perl cgi文字化け解消方法と[1...
-
return trueとreturn falseの用...
-
hiddenのvalueの値を変えたい
-
プルダウン 項目が多いので先頭...
-
【jQuery】input nameの文字列...
-
value内に変数を入れたい
-
【jsp/Java】チェックボックス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TextBoxに半角数字以外を入れた...
-
HTMLとJavaScriptで作った表示...
-
tabindexの取得
-
VBscriptの配列変数をJavascrip...
-
プルダウンで選択された値を別...
-
フォームの内容でリンク先URLの...
-
テキストボックスに入力した色...
-
JavaScriptで作ったアプリが正...
-
GetElementByIdがうまく取得で...
-
HTMLファイル同士での値渡し
-
jQueryのdatepickerの日付が選...
-
マイナスなら赤字で表示したい...
-
VBSからjavascript
-
テキストエリアに履歴を残したい
-
どちらかひとつのテキストボッ...
-
一部Enter無効化の方法を教えて...
-
ページ間で変数を保持したい
-
Request.Form(key)の中身をクリ...
-
javascriptのちょっとした動作...
-
JSで一つのボタンを押したとき...
おすすめ情報