1. ホーム
  2. forms

[解決済み] 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
      }
    }