javascript - 如何在 rivetjs 中更新 onkeyup 模型

Question

首先感谢 RivetJS，我用它来实现流程，太棒了!

问题:在 AngularJS 中，通常会在输入中获取绑定(bind)来更新模型onkeyup。在 RivetJS 中，默认似乎是更新模型 onblur。有没有办法让它通过每个 onkeyup 事件更新模型？

谢谢

Answer 1

您有 2 个选择。首先，升级到 Rivets 0.7 - 如 the changelog 中所述。 ，“内置值绑定(bind)器现在监听输入事件而不是更改，因此更新将立即传播而不是模糊。”请注意重大更改并相应升级您的实现(例如，您需要在 Rivets 之前包含 Sightglass 或使用 the bundled rivets.js file 。

如果您想继续使用 Rivets 0.6，另一个选择是创建您自己的 Binder 。作为作者本人gives an example我就用它:

rivets.binders.input = {
  publishes: true,
  routine: rivets.binders.value.routine,
  bind: function(el) {
    el.addEventListener('input', this.publish)
  },
  unbind: function(el) {
    el.removeEventListener('input', this.publish)
  }
}