输入密钥以立即提交表单

Question

编辑
这个问题与建议的重复项不同，因为它使用form元素和事件submit form ，而建议的重复项不使用。

按下Enter键后，此Meteor客户端代码需要触发submit form事件，但是，它将焦点移到屏幕上的下一个输入元素，直到到达最后一个元素，然后触发了提交，这不是必需的，而是立即提交。
如何解决？ 谢谢

  Template.content.events({
  'submit form': function (event) {
    event.preventDefault();
    concole.log('form submitted');
  }
});

<template name="content">
  <form>
    {{#each this.items}} {{> sub}} {{/each}}
  </form>
</template>


<template name="sub">
  {{#if isEqual element "input"}} {{> input}} {{/if}}
</template>
<template name="input">
  <input class={{class}} type="{{#if type}}{{type}}{{else}}text{{/if}}" name={{name}} placeholder={{placeholder}} value={{value}} data-id={{_id}}>
</template>

Answer 1

有两个解决这个问题的方法。

1. 'type =“ submit”'：=您可以设置type =提交到所有输入字段。

2. 当用户在输入字段上按Enter键时，调用提交方法。

    Template.content.events = { 'keypress input': function (evt, template) { if (evt.which === 13) { $( "form" ).submit(); } }, 'submit form': function (event) { event.preventDefault(); concole.log('form submitted'); } };