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

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

javascript html

Javascript 允许在选择文本时在文本字段中键入输入,javascript,html,Javascript,Html,给定div和输入字段中的文本块：我希望能够在div中选择一些文本（用光标拖动）：然后单击输入字段并输入一些文本，同时“ome rand”仍处于选中状态（与下图/JSFIDLE不同）： JSFiddle：到目前为止，我的尝试是获取所选文本的startIndex和endIndex，然后在单击input字段时使用setSelectionRange。但是，这不允许我在字段中输入文本。任何给定帧中只能有一个活动选择/光标为了保留旧的选择并仍然在输入框中键入，您的选择和输入框需要位于不同的帧中

给定

div

和

输入

字段中的文本块：

我希望能够在div中选择一些文本（用光标拖动）：

然后单击输入字段并输入一些文本，同时“ome rand”仍处于选中状态（与下图/JSFIDLE不同）：

JSFiddle：

到目前为止，我的尝试是获取所选文本的

startIndex

和

endIndex

，然后在单击

input

字段时使用

setSelectionRange

。但是，这不允许我在字段中输入文本。

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

为了保留旧的选择并仍然在输入框中键入，您的选择和输入框需要位于不同的帧中

所以做些类似的事情

main.html

您可以使用

iframe

的

srcdoc

属性来避免出现第二个文档

我不确定这是否可行，反正也不在同一框架内。我建议将输入放在iframe中，看看是否有效。

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

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