Question

如何使用范围对象来解决这个问题？

提前感谢。

我的代码：

<div contenteditable="true">
    Hello World <span>try to insert text in the beginning of this element</span>    
</div>

当用户尝试在span元素的开头插入文本时，结果为：

<div contenteditable="true">
    Hello World [INSERTED_TEXT]<span>try to insert text in the beginning of this element</span>    
</div>

Answer 1

我只需要一个解决方案来解决您的问题，但不能使用Range对象。

您可以将属性contenteditable=false设置为div，然后将true的相同属性设置为您需要修改的span。

由于我不知道您需要的具体使用场景，我的解决方案对您的示例非常有用。

如果它对你的场景没用，请不要低估我。

<强>更新

此外，如果您仍需要整个容器的contenteditable=true，则可以将contenteditable=true设置为容器（body或其他标记），false设置为标记该行的行，true到您需要编辑的标记。

以下是jsbin链接：http://jsbin.com/jolopela/5/edit

谢谢，爱迪生

在可疑容器内的元素的开头插入文本

1 个答案: