如何在 Meteor 模板中保留 `contenteditable` focus() 事件？答案

【问题标题】：How can I retain `contenteditable` focus() events in a Meteor template?如何在 Meteor 模板中保留 `contenteditable` focus() 事件？
【发布时间】：2013-09-17 08:29:02
【问题描述】：

我的模板中有一个<div contenteditable class="content"> </div>，其内部 HTML 与 Mongo 相关联。当我（动态地）添加一个新的.content 时，我希望能够集中它，以便将用户键入的下一个内容输入到 contenteditable div 中。

但是，.focus() 事件与 Meteor 的重新渲染效果不太好；甚至 SO 的 hacks 也不起作用：JS 执行没有错误，但焦点事件似乎没有触发任何事情（或者，它确实但它立即被 Meteor 的渲染覆盖）。

我的问题是：如何强制关注 div？我考虑过的一个计划是设置一个 tabindex，然后人为地切换到该元素，但我希望不必诉诸这种愚蠢的做法。

[编辑] 我知道{{#constant}} 标签，但据我所知，这完全阻止了元素重新渲染，这当然不是我想要的。

【问题讨论】：

标签： javascript jquery meteor

【解决方案1】：

将焦点代码放入 Template.blah.rendered。

【讨论】：

我花了一点时间才意识到this 不是我所期待的this...但是之后的一行jquery，这比我希望的要实用得多.谢谢！
@j6m8 你能发布一个这样的工作示例吗？我们正在寻找类似的解决方案。