使用 Meteor 进行就地编辑：无法读取 null 的属性“parentNode”

我已设置就地编辑network模型。有两个输入字段，分别是title和description模型的。当用户单击标题时，它会切换<h2>的标签<input>，就像典型的 Todos 示例一样。

我将事件添加到相关模板，如下所示：

Template.network_edit.events = {}

Template.network_edit.events['click #network-description'] = -> 
    Session.set('editing_network_description',true)
    Meteor.flush()
    focus_field_by_id('network-description-input')

Template.network_edit.events['click #network-title'] = -> 
    Session.set('editing_network_title',true)
    Meteor.flush()
    focus_field_by_id('network-title-input')

The focus_field_by_id函数是，

  var focus_field_by_id = function (id) {
  var input = document.getElementById(id);
  if (input) {
    input.focus();
    input.select();
  }
};

一切都按预期进行，但是当我单击#network-description，我在控制台中看到一个错误：

Uncaught TypeError: Cannot read property 'parentNode' of null

在第 600 行抛出liveui.js。当我点击#network-title，我没有收到这样的错误。

如果我颠倒事件的顺序，将#network-title首先是事件，然后是network-description其次，当我单击#network-title反而。通常，添加的第一个事件会引发此错误，但后续事件不会引发此错误。

正如我所说，一切似乎都工作正常（输入出现、获得焦点等），但错误令人不安，我可能错过了一些东西。

啊哈，我能够重现这个。

这是在事件处理期间 DOM 发生变化时发生的错误。拨打电话后Meteor.flush()，事件的原始目标不再在模板中。 Meteor 的事件处理代码可能会在检查第二个处理程序是否适用时卡住，这就是为什么第一个处理程序似乎崩溃了。该错误是无害的，您没有做错任何事情。

正在为下一个版本重写事件处理，并且我针对这种情况进行了回归测试，新代码已经通过。

感谢您的报告和您的耐心等待。