javascript - 取消绑定(bind) Meteor 中的关键事件？

Question

我有一个包含关键事件的模板

Template.layout.events({
  'keyup': function (e, template) {
    if (e.keyCode === 13) {
      e.preventDefault();
      // do some stuff here, isn't important for question
      Router.go('Users.profile', { _id: id });
    }
  }
});

但是，当我更改页面时，该事件似乎仍然绑定(bind)到输入按钮。

我想第一步是在我的模板上使用 onDestroyed 回调。

Template.layout.onDestroyed(function () {
  // ???
});

在 meteor 中如何取消绑定(bind)页面更改的关键事件？

Answer 1

看起来 Meteor 本身不支持删除通过 Template.name.events 添加的事件。在这种情况下，我可以想到一些解决方案:

1. 处理事件处理程序中的特殊情况，这意味着将处理程序与其余的应用程序逻辑相结合。这可能适合也可能不适合您的需求。
2. 使用 jQuery 附加一个(命名空间的)事件处理程序 .onRendered，然后显式地删除它 .onDestroyed。
3. 将 keyup 事件更紧密地绑定(bind)到焦点元素。如果该元素从 DOM 中移除，处理程序也将被移除。