Ember.js 用户点击回车键时余烬刷新页面上的输入

我正在使用Ember CLI，并注意到了一些奇怪的行为。当用户单击输入并按enter键时，页面将刷新

我的页面有这样一个基本元素，它不是任何形式的一部分：

<input type="text" class="form-control" id="per_page" value="50">

所以node是托管的，并且进行了奇特的实时重新加载，所以当我更新作为底层应用程序一部分的页面时

那么，是什么导致在输入中按下enter键重新加载页面呢？是节点还是实时重新加载？当用户按下enter键时，输入是否应该刷新页面，而我在我的HTML for dummies手册中却错过了这一点

**更好的是，我如何通过以下方式拦截并调用函数：

{{action** "myFunction"}}

---

这是因为当您按下Enter键时，表单被提交，从而导致页面重新加载。您需要做的是在表单上设置

onsubmit=“return false”

，以便在提交过程中不会发生任何事情。通过添加操作属性

action=“doSomething”

{{input type=“text”action=“createComment”value=topic id=“inputTopic”}

我也遇到了同样的问题-对我来说有效的方法是覆盖输入组件中的按键事件，如下所示：

keyPress: function (e) {
    var keyCodeEnter = 13;

    if (e.keyCode === keyCodeEnter) {
        return false;
    }
}

---

希望它能在将来帮助别人！：）

历史上，Ember使用以下代码处理此用例：

<form {{action 'submitForm' on='submit'}}>
  <!-- the rest of your form here -->

  <button type='submit'>Submit</button>
</form>

---

这是两个例子中的一个：

我从来没有这么多地修复过这个问题，并破坏了我的项目，重新开始。从那以后，它就再也没有出现在我的面前，我仍在定期使用余烬，所以我当时一定是做错了什么。

keyPress: function (e) {
    var keyCodeEnter = 13;

    if (e.keyCode === keyCodeEnter) {
        return false;
    }
}

<form {{action 'submitForm' on='submit'}}>
  <!-- the rest of your form here -->

  <button type='submit'>Submit</button>
</form>

<form onsubmit={{action 'submitForm'}}>
  <!-- the rest of your form here -->

  <button type='submit'>Submit</button>
</form>

actions: {
  submitForm(event) {
    event.preventDefault();
  }
}