polymer-1.0 - 轻松输入以提交表单

Question

有没有一种简单的方法可以让按 Enter 键为带有纸张输入的表单执行一些 javascript。我可以捕获每个元素的输入键，但这似乎有点乏味。

Answer 1

使用当前的 Polymer 版本 1.0，我能够使用 iron-a11y-keys 解决该问题。 .

这是一个绑定(bind)到整个表单的示例，它触发任何子输入元素的提交:

<iron-a11y-keys id="a11y" target="[[_form]]" keys="enter"
                  on-keys-pressed="submitForm"></iron-a11y-keys>
  <form is="iron-form" id="form"
        method="post"
        action="{{url}}">

...

Polymer({
  is: 'example-form',
  properties: {
    _form: {
      type: Object,
      value: function() {
        return this.$.form;
      }
    }
  },
  submitForm: function() {
    document.getElementById('form').submit();
  },