选择文本时允许在文本字段中输入输入

时间:2019-06-12 23:24:58

标签: javascript html

divinput字段中给出一段文本:

enter image description here

我希望能够在div中选择一些文本(用光标在其上拖动):

enter image description here

然后单击输入字段并输入一些文本,同时保持“ ome rand” 的选择(与下图/ JSFiddle不同):

enter image description here

JSFiddle:https://jsfiddle.net/moa9xf2j/

到目前为止,我的尝试是获取所选文本的startIndexendIndex,然后在单击setSelectionRange字段时使用input。但是,这不允许我在字段中输入文本。

1 个答案:

答案 0 :(得分:1)

在任何给定的帧中只能有一个活动的选择/光标。

为了保留旧的选择并仍在输入框中键入内容,您的选择和输入框必须位于不同的框架中。

做类似的事情

  

main.html

<html><body>
   <div>Some test</div>
   <iframe src="otherdoc.html"></iframe>
</body></html>
  

otherdoc.html

<html><body>
   <input></input>
</body></html>

您可以使用iframe的{​​{1}}属性来避免拥有第二个文档。

https://jsfiddle.net/p4ar85sg/