javascript - 如何获取多个 HTML 元素的选择文本？

Question

这是我的问题:

当用户在文章中或所见即所得编辑器小部件的编辑区域中进行选择时，选择可以跨越多个元素，像 anchor 、图像、跨度标签...甚至 block 级元素(但我的问题中没有表格)。

我知道如何从选择中检索一个 Range 对象，但找不到可靠的解决方案来获取 Range 对象的内容文本。

我不是在寻找 IE 的解决方案(它的 TextRange 对象有一个 .text 属性)。

谢谢!

Answer 1

你看过quirksmode了吗？关于射程的文章？

根据本文，您可以创建如下方法:

function getRangeText() {

    var userSelection;
    if (window.getSelection) {
        userSelection = window.getSelection();
    } else if (document.selection) {
        userSelection = document.selection.createRange();
    }
    var selectedText = userSelection;
    if (userSelection.text) {
        selectedText = userSelection.text;
    }
    return selectedText;
}

我在 FF5、Opera 11、Mac 上的 Safari 以及 IE6 和 IE7 中对此进行了测试。值得在其他 IE 浏览器中进行测试，但我猜它也适用于它们。