javascript - 使用 Javascript 的选定单词的索引

Question

如何使用 Javascript 获取 HTML 中选定文本的索引？例如，在一个 HTML 文件中，有这样一段话:

I am living in India. India is the very beautiful country.

现在如果用户在第一句中选择 India 那么应该有一个 alert 5 如果用户在第二行选择 India然后是 alert 6。

如何获取用户选择的单词的索引？

Answer 1

您可以使用新的 TextRange module 来做到这一点我的Rangy library . Rangy 的 Range 对象具有 moveStart() 和 moveEnd() 方法，可让您在任一方向一次扩展一个单词的范围。

这是一个演示:http://jsfiddle.net/timdown/ArMHy/

代码:

var sel = rangy.getSelection();
if (sel.rangeCount > 0) {
    var range = sel.getRangeAt(0);

    // Expand the range to contain the whole word
    range.expand("word");

    // Count all the preceding words in the document
    var precedingWordCount = 0;
    while (range.moveStart("word", -1)) {
        precedingWordCount++;
    }

    // Display results
    alert("Selection starts in word number " + (precedingWordCount + 1));        
}