在designMode中，将光标动态设置为div

Question

我在文本框中有这个文本。文档正文将designMode设置为on。 （|是光标）

<div><h3>Hi there</h3><p>Welcome| to the page</p></div>

单击按钮后，文本会写入div的innerHTML。

问题：从文本框中光标的位置，我可以将光标设置为DOM中的相同位置。

---

你好

欢迎|到页面

---

感谢。

Answer 1

取决于你想要做多少坏事。我能想到的最接近的方法是在文本框中的光标位置设置span，然后将光标设置为span的位置。

• 使用jQuery Caret获取光标在文本框中的位置并将其保存在变量中（Caret使用$.browser获取从jQuery 1.9.1及更高版本中删除的浏览器信息并移入到一个单独的插件。所以你需要使用最新的1.8）
• 在按钮上单击插入字符串索引<span id='cur-pos'></span>（通过Caret存储的值）
• 更新html后获取span的位置并将光标移动到该位置。