使用Javascript(带键盘?)进行Div内部文本选择

使用Javascript(带键盘?)进行Div内部文本选择,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我的目标是在谷歌浏览器中创建一个插入符号浏览扩展。我用文字选择撞到了墙上。我发现我可以选择div的内容: range = document.createRange(); referenceNode = document.getElementsByTagName("div").item(0); range.selectNode(referenceNode); 我还可以使用range.setStart(referenceNode,offest)和range.setEnd(referenceNode

我的目标是在谷歌浏览器中创建一个插入符号浏览扩展。我用文字选择撞到了墙上。我发现我可以选择div的内容:

range = document.createRange();
referenceNode = document.getElementsByTagName("div").item(0);
range.selectNode(referenceNode);
我还可以使用
range.setStart(referenceNode,offest)
range.setEnd(referenceNode,offset)
选择子元素,其中offset是要跳过/包括在选择中的子节点数

不幸的是,我不知道如何在div中选择单个字符。当然,这种行为对于textareas和input textfields是可用的。我希望有一个我错过的合法javascript解决方案,但使用一种或另一种形式的DOM操作的建议也是可以接受的

重要的是,该解决方案允许类似插入符号的浏览行为。例如,假设起始位置是某个位置的偏移量,而结束位置是同一位置的偏移量,则在屏幕上显示在位选择并允许复制选择

谢谢你抽出时间

致以最良好的祝愿,
Lotus

我不知道这是否是黑客攻击,但它正在工作。
(我刚做的)试试演示:


您可以在要选择的单个字符周围放置一个
,然后您只需选择
,然后选择所需的单词

兰吉:谢谢,我来试试。谢谢。我认为这可能有用。我可以在“光标”的位置插入一个span,然后随着光标的移动,我可以将span后面的字符移动到span中以模拟选择。嗯,谢谢:)