ホームページ > ウェブフロントエンド > CSSチュートリアル > フォームの送信を防ぎ、テキストエリアで Shift Enter キーを押して新しい行を作成する方法

フォームの送信を防ぎ、テキストエリアで Shift Enter キーを押して新しい行を作成する方法

Susan Sarandon
リリース: 2024-12-04 18:09:12
オリジナル
465 人が閲覧しました

How to Prevent Form Submission and Create a New Line with Shift Enter in a Textarea?

テキストエリアで「Shift Enter」を検出して新しい行を生成する方法

フォームの送信では、通常、Enter キーを押すとフォームの送信がトリガーされます。ただし、多くのテキスト領域では、代わりに Shift Enter キーを押して新しい行を作成できるようにすることが望ましいです。

解決策 1: フォーム送信スクリプトを変更する

特定のスクリプトが原因でフォームが Enter キーで送信されている場合は、そのスクリプトを見つけて、Shift キーを押しずに Enter キーを押した場合にのみ送信されるように変更します。たとえば、このコードを次のように変更します:

次のように変更します:

解決策 2: キー イベントの処理 (すべてのブラウザ用)

フォーム送信スクリプトにアクセスできない場合は、JavaScript を使用して主要なイベントを処理し、Shift Enter キーが押されたときに改行を挿入できます。

このコードは、Shift Enter が押された場合にキーを押すとテキストエリアに改行を挿入します。キーダウン イベントとキー押下イベントの両方を使用して、エッジ ケースを処理します。

注: このソリューションでは、改行文字をテキストエリアの正しいキャレット位置に貼り付けるために、外部ライブラリまたはカスタム コードが必要です。

以上がフォームの送信を防ぎ、テキストエリアで Shift Enter キーを押して新しい行を作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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