ホームページ > ウェブフロントエンド > CSSチュートリアル > テキスト領域での Shift Enter によるフォームの送信を防ぐにはどうすればよいですか?

テキスト領域での Shift Enter によるフォームの送信を防ぐにはどうすればよいですか?

Susan Sarandon
リリース: 2024-12-05 00:03:12
オリジナル
315 人が閲覧しました

How Can I Prevent Form Submission on Shift Enter in a Text Area?

TextArea での Shift Enter: 新しい行の生成

ユーザーがテキスト領域内で Enter キーを押すと、フォームの送信は予期された動作です。ただし、ShiftEnter と組み合わせて押すと、多くの場合、フォームを送信するよりもキャレットを新しい行に移動する方が望ましいことがあります。

解決策:

これには主に 2 つの解決策があります問題:

1.既存のコードを変更する:

Enter でフォームを送信する既存のスクリプトがある場合は、Shift キーをチェックするように変更します。以下に例を示します:

if (evt.keyCode == 13 && !evt.shiftKey) {
    form.submit();
}
ログイン後にコピー

2. JavaScript と jQuery を使用します:

既存のコードにアクセスできない場合は、JavaScript と jQuery を使用してこのソリューションを実装します:

$("#your_textarea_id").keydown(function(evt) {
    if (evt.keyCode == 13 && evt.shiftKey) {
        pasteIntoInput(this, "\n");
        evt.preventDefault();
    }
}).keypress(function(evt) {
    if (evt.keyCode == 13 && evt.shiftKey) {
        pasteIntoInput(this, "\n");
        evt.preventDefault();
    }
});
ログイン後にコピー

このコードは改行文字を挿入します(n) Shift Enter を押すとテキストエリアに移動し、フォームが表示されないようにする送信中です。

以上がテキスト領域での Shift Enter によるフォームの送信を防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート