javascript - 在 contenteditable div 内的 span 开头添加内容

Question

我有一个内容可编辑的 div，span里面有元素。

<div contenteditable="true">
<span>one </span>
<span>two </span>
</div>

每当我添加第二个跨度的开头（两个开头）的任何文本时，它都会添加到第一个跨度的末尾（一个之后）。

如何将光标放在开头并添加内容

标签： javascripthtmlcontenteditable

Answer 1

根据您所说，这是我能想到的解决方案。这样，两个span元素都可以单独编辑。按照您当前的设置方式，这两个span元素正在一起编辑。这背后的原因是目前这两个元素都被封装div成可编辑的。

<div>
 <span contenteditable="true">one</span>
 <span contenteditable="true">two</span>
</div>