javascript - 选择内容可编辑范围

Question

我有多个<span>与 contenteditable ，我试图以编程方式“选择” <span>并强制进入可编辑模式。但我似乎在做这件事时遇到了很多麻烦。

与 <input>我可以使用

element.select();

但是一个<span>显然没有这个方法。

我需要使用<span>内容被设计为与一堆不可编辑的内容一起复制/粘贴<input>选择所有代码时不允许混合和匹配。

我可以通过放置 <input> 的内容来完成一堆时髦的工作。进入隐藏<span>在正在复制/粘贴的内容中，这样它就可以假装它可以工作，但我其他一切都按预期工作，它几乎是一个成品，并且不希望重写所有内容，因为我唯一的问题是知道如何选择下一个<span>必要时。

PS:这个问题不喜欢使用 jQuery。

Answer 1

尝试使用element.focus();

jsFiddle

Pure JS Version