爲什麼我的表單在按下Enter鍵入時未提交？

Question

我的表格使用paper-input字段在按下chrome中的回車鍵時不會提交。但是，在所有其他瀏覽器中按Enter鍵時都會提交。下面是相關代碼：

<form [ngFormModel]="loginForm"> 
    <paper-input type="text" 
       ngControl="username" 
       label="Username" 
       auto-validate 
       pattern="{{usernameValidation.get()}}" 
       maxlength="20" 
       error-message="Alphanumeric and underscore characters only. [1-20]" 
       ngDefaultControl> 
     <iron-icon suffix icon="account-circle"></iron-icon> 
    </paper-input> 

    <paper-input type="password" 
       ngControl="password" 
       label="Password" 
       auto-validate 
       pattern="{{passwordValidation.get()}}" 
       maxlength="60" 
       error-message="Long passwords only. [8-60]" 
       ngDefaultControl> 
     <iron-icon suffix icon="fingerprint"></iron-icon> 
    </paper-input> 

    <paper-input type="submit" 
       value="Log In" 
       (click)="submit()" 
       [disabled]="!loginForm.valid || loading" 
       ngDefaultControl> 
    </paper-input> 
</form> 

我曾嘗試使用ngSubmit移動submit()函數調用表單元素，並嘗試添加一個隱藏的，標準提交輸入表單欺騙鍍鉻進提交，但有沒有運氣。我也嘗試使用標準input元素以及button。任何輸入將在這裏讚賞。謝謝！

如果有人想解釋倒票，我會很樂意修改我的問題。

Answer 1

一個選項是使用Polymer的a11y-keys元素。你可以這樣做：

<iron-a11y-keys keys="enter" on-keys-pressed="submitForm" id="a11y"></iron-a11y-keys> 

這將觸發你在元素中定義的「submitForm」方法。下面是a11y-keys元素的文檔：https://elements.polymer-project.org/elements/iron-a11y-keys