javascript-回车键重新加载页面

当按下Enter键或单击按钮“info”时，Meteor模板正在重新加载页面，而不是触发方法

footerInfo

你知道为什么以及如何在点击/按下按钮或按下回车键时触发该方法吗？thx

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

footerInfo = () => {
  //do stuff
};

myApp
{{>loginButtons align='right'}
{{{#如果当前用户}}
{{#如果已验证}
{{>内容}
{{>页脚}
{{else}
检查您的电子邮件，查看您的验证链接

{{/if}
{{/if}
{{>结果}
{{{display.alert}}
清楚的
信息

问题在于代码中有两个

表单

标记。您也不需要侦听enter键事件。默认情况下，按enter键时将触发submit事件。要解决此问题，请先删除内容模板中的

表单

标记：

<template name="content">
  <input type="text" id="plateNum">
  {{> results}}
</template>

Template.body.events({
  'submit form': function (event) {
    event.preventDefault();
    footerInfo();
  }
});

---

问题是因为在代码中有两个

form

标记。您也不需要侦听enter键事件。默认情况下，按enter键时将触发submit事件。要解决此问题，请先删除内容模板中的

表单

标记：

<template name="content">
  <input type="text" id="plateNum">
  {{> results}}
</template>

Template.body.events({
  'submit form': function (event) {
    event.preventDefault();
    footerInfo();
  }
});