javascript - 您如何管理 maquette js 中的焦点和光标位置？

Question

我正在使用 maquette js 开发一个小型应用程序。该库使用虚拟 DOM 实现。在某些触发数据存储更改的用户事件之后，它会导致（部分）重新渲染，包括创建一些新的 DOM 节点。

如何确保其中一个新节点（即 contenteditable div）在重新渲染后获得焦点？

同样：如何在先前聚焦的元素中保留光标位置？

Answer 1

您可以使用afterCreatemaquette 提供的回调来获取创建后的元素。您可以调用.focus()它或读/写它的selectionStart. 祝你好运！

PS：如果你也想让焦点在iOS上工作，你需要projector.renderNow()在触发焦点的事件期间调用。