[解決済み] angular2 submit ボタンを押さずに Enter キーを押してフォームを送信する。
2022-07-31 11:38:40
質問
送信ボタンがないフォームを(エンターキーで)送信することは可能でしょうか? 例
<form [ngFormModel]="xxx" (ngSubmit)="xxxx()">
<input [(ngModel)]="lxxR" ngControl="xxxxx"/>
</form
どのように解決するのですか?
多分、あなたは
keypress
または
keydown
を入力フィールドに追加し、enterがクリックされたときに送信を行う関数にイベントを割り当てます。
テンプレートは次のようになります。
<form (keydown)="keyDownFunction($event)">
<input type="text" />
</form
そして、あなたのクラス内の関数は次のようになります。
keyDownFunction(event) {
if (event.keyCode === 13) {
alert('you just pressed the enter key');
// rest of your code
}
}
関連
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] jQuery AJAX送信フォーム
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] 1つのフォームに2つの送信ボタンがある
-
[解決済み] jQueryで'Enter'でフォームをサブミット?
-
[解決済み] AngularJSでEnterキーを押したときにフォームを送信する
-
[解決済み】HTMLフォームに複数の送信ボタンがある場合
-
[解決済み】jqueryで入力時のフォーム送信を無効にする
-
[解決済み】送信ボタンがないのにEnterキーを押してフォームを送信する
-
[解決済み】Chromeの開発ツールのネットワークタブに表示される「リクエストペイロード」と「フォームデータ」の違いとは?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular 2: formGroup は FormGroup のインスタンスを期待します。1つを渡してください。
-
[解決済み] Angular 5 Enterキー押下でボタン送信
-
[解決済み] 使用用途
-
[解決済み] 無料または手頃な価格のOCRおよびICR(手書き文字認識)SDK?[クローズド]
-
[解決済み】GETメソッドとPOSTメソッドはいつ使うべきですか?両者の違いは何ですか?
-
[解決済み】curlを使用してmultipart/form-dataをPOSTする正しい方法は何ですか?
-
[解決済み】Chromeの開発ツールのネットワークタブに表示される「リクエストペイロード」と「フォームデータ」の違いとは?
-
[解決済み] AngularJSでフォームが無効なときに送信ボタンを無効にする
-
[解決済み] 送信」ボタンを無効にするには?
-
[解決済み] Razorで "Html.BeginForm "を記述する方法