Polymer 铁表未在输入纸张时提交
我正在使用带有自定义元素的Polymer 铁表未在输入纸张时提交,polymer,web-component,iron-form,Polymer,Web Component,Iron Form,我正在使用带有自定义元素的iron form进行测试。我遇到的问题是,当我按enter键时,表单没有提交。例如,此处的表单适用于输入: <iron-form> <form id="loginForm"> <paper-card heading="Welcome Back!" elevation="1" animated-shadow="true"> <div class="card-conten
iron form
进行测试。我遇到的问题是,当我按enter键时,表单没有提交。例如,此处的表单适用于输入:
<iron-form>
<form id="loginForm">
<paper-card heading="Welcome Back!" elevation="1" animated-shadow="true">
<div class="card-content">
<input type="text" label="Username" value="{{username}}">
<input type="text" label="Password" value="{{password}}">
</div>
<div class="card-actions">
<button disabled$="[[fetching]]" type="submit">Login</button>
</div>
</paper-card>
</form>
</iron-form>
问题是当我将html输入元素切换为纸质输入元素时,表单将不再在enter时提交
<iron-form>
<form id="loginForm">
<paper-card heading="Welcome Back!" elevation="1" animated-shadow="true">
<div class="card-content">
<paper-input type="text" label="Username" value="{{username}}"></paper-input>
<paper-input type="text" label="Password" value="{{password}}"></paper-input>
</div>
<div class="card-actions">
<button disabled$="[[fetching]]" type="submit">Login</button>
</div>
</paper-card>
</form>
</iron-form>
登录
当按下[enter]
键时,可以使用调用提交方法
<iron-a11y-keys target="loginForm" keys="enter" on-keys-pressed="submit"></iron-a11y-keys>
<iron-form id="loginForm">
...
</iron-form>
这是推荐的方法还是铁质的形式有某种缺陷?我不知道,对不起。如果它是一个bug,那么它是一个纸质输入,如果它是一个“bug”或者只是一个“限制”,它不会将[enter]事件传输到它的container.idk。可能是后者()
<iron-a11y-keys target="loginForm" keys="enter" on-keys-pressed="submit"></iron-a11y-keys>
<iron-form id="loginForm">
...
</iron-form>
submit: function () {
this.$.loginForm.submit();
}