Div内部文本选择使用Javascript(与键盘?)

Div Inner Text Selection using Javascript (with keyboard?)

本文关键字:键盘 Javascript 内部 文本 选择 Div      更新时间:2023-09-26

我的目标是在google chrome中创建一个插入符号浏览扩展。我在文本选择方面遇到了瓶颈。我发现我可以选择一个div的内容:

range = document.createRange();
referenceNode = document.getElementsByTagName("div").item(0);
range.selectNode(referenceNode);

我还可以使用range.setStart(referenceNode,offest)range.setEnd(referenceNode,offset)选择子元素,其中偏移量是要跳过/包含在选择中的子节点的数量。

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

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

感谢您的宝贵时间。

最诚挚的问候,Lotus

我不知道这是不是黑客,但它正在工作。
(我刚刚做的)试试demo: http://derek1906.site50.net/experiment/selection/

你可以在你想要选择的单个字符周围放一个<span></span>,然后你只选择<span>和Wa-la,你选择了你想要的单词!