javascript - 使用 window.getSelection() 选择单词和周围的单词

Question

使用window.getSelection()我想要在位置n处选择一个单词，同时也希望在位置n-1处选择单词并且n+1。

例如:

这是一个句子

突出显示:是

单词 n-1:这个

单词 n + 1:a

我知道如何使用正则表达式执行此操作，但是如何使用 window.getSelection() 执行此类操作？

Answer 1

你知道HTML页面的结构吗？你控制得住吗？如果没有，这可能会很困难。

如果选择的是页面上的一个元素，则可以借助所选范围对象来完成此操作:

var range = window.getSelection().getRangeAt(0);

它具有起始位置、结束位置和所选内容所在元素的文本等属性。

然后可以将选择位置前后的文本按空格分隔，得到所选单词前后的单词。

var allWordsBefore = range.startContainer.wholeText.substr(0, range.startOffset).trim().split(' ');
var prevWord = allWordsBefore[allWordsBefore.length-1];

同样可以得到选择后的单词。