为什么我的表单在按下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