一部のフィールドのみ、Enterキーによるフォーム送信を無効にする
2023-09-04 08:37:49
質問
ユーザーが慣れ親しんでいる、従来の「Enter を押すとフォームが送信される」動作を維持したいと思います。しかし、反射的に、ユーザーはテキスト入力ボックスで終了したときに、実際にフォームを完了する前に Enter キーを押してしまうことがよくあります。
私は、フォーカスが特定の入力クラスにあるときだけ、Enter キーをハイジャックしたいと思います。
見る 関連する質問 これは私が探しているもののように見えます。
if (document.addEventListener) {
document.getElementById('strip').addEventListener('keypress',HandleKeyPress,false);
} else {
document.getElementById('strip').onkeypress = HandleKeyPress;
}
が、その
if (document.addEventListener) {
の部分は見慣れない。
どのように解決するのですか?
エンターキーをキャプチャしてキャンセルすることができます
keypress
をキャプチャしてキャンセルすることができます。
$('.noEnterSubmit').keypress(function(e){
if ( e.which == 13 ) return false;
//or...
if ( e.which == 13 ) e.preventDefault();
});
そして、入力には
class="noEnterSubmit"
:)
他の人が後でこれを見つけたときのために、先に見ておくと、で jQuery 1.4.3 (まだ出ていません)では、これを短くすることができます。
$('.noEnterSubmit').bind('keypress', false);
関連
-
Uncaught SyntaxError: 予期しない入力の終了
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] jQuery に何かを実行する前にすべての画像の読み込みを待つように指示する公式な方法
-
[解決済み] GoogleのCDNからjQuery UI CSSをダウンロードする
-
[解決済み] jQueryを使用してフォームの入力フィールドを取得する?
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] Electron: jQueryが定義されていない
-
[解決済み】jQueryのテンプレートエンジン【終了しました
-
[解決済み] jQueryで選択されたオプションのインデックスを取得する
-
[解決済み] jQuery append() - 追記された要素を返す
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jest.fn()の値はモック関数またはスパイである必要があります。
-
[解決済み] jQueryでPUT/DELETEリクエストを送信する方法は?
-
[解決済み] .on('click') と .click() の違いについて
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] jQueryがどのバージョンで読み込まれているかを確認するには?
-
[解決済み] jQuery: テーブルの行数を数える
-
[解決済み] jQueryでval()がchange()をトリガーしない
-
[解決済み] jQueryで、ある要素を他の要素に対して相対的に配置するには?
-
[解決済み] jquery input select all on focus
-
[解決済み] jQueryを使用して要素の型を検索する