getSelection 中没有 alt 属性和脚本吗？

Question

我正在使用 window.getSelection () 来获取选定的文本。 但是，如果我也选择图像，它也会返回图像的 altof。

示例：

<img src="someSrc.jpg" alt="image_alt" /> My text here ... 

如果我也选择图像，它会返回

image_alt 我的文字在这里...

但我只需要

我的文字在这里...

有什么方法可以只获取文字，没有替代品吗？

非常感谢

Answer 1

试试这个：

window.getTextSelection = function() {
    //First get HTML Fragment of selection
    var html = window.getSelection().getRangeAt(0).cloneContents(); 
    //Return only the text
    return html.textContent||html.innerText;
}

在某些情况下，您可以简单地通过 CSS 禁用用户选择：
您也可以通过禁用图像的用户选择来实现此目的：

img {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
}

Answer 2

最简单的方法是使用选择范围的 toString() 方法，这是指定 window.getSelection().toString() 执行的操作WHATWG 的新范围规范（尽管这是与某些浏览器的做法相反并且可能会也可能不会改变）。以下内容将适用于多个选定的范围（Mozilla 支持），并且也适用于 IE < 9.

jsFiddle： http://jsfiddle.net/timdown/HkP2S/

代码：

function getSelectionRangeText() {
    var selText = "";
    if (window.getSelection) {
        var sel = window.getSelection(), rangeCount = sel.rangeCount;
        if (rangeCount) {
            for (var i = 0, rangeTexts = []; i < rangeCount; ++i) {
                rangeTexts.push("" + sel.getRangeAt(i));
            }
            selText = rangeTexts.join("");
        }
    } else if (document.selection && document.selection.type == "Text") {
        selText = document.selection.createRange().text;
    }
    return selText;
}

更新

此解决方案包括

jsFiddle： http://jsfiddle.net/timdown/HkP2S/2/

代码：

function getSelectionRangeText() {
    var selText = "", selTextParts = [];

    function getNodeText(node) {
        if (node.nodeType == 3) {
            selTextParts.push(node.data);
        } else if (node.hasChildNodes()
        && !(node.nodeType == 1 && /^(script|style)$/i.test(node.tagName))) {
            for (var child = node.firstChild; !!child; child = child.nextSibling) {
                getNodeText(child);
            }
        }
    }

    if (window.getSelection) {
        var sel = window.getSelection(), rangeCount = sel.rangeCount;
        if (rangeCount) {
            for (var i = 0; i < rangeCount; ++i) {
                getNodeText(sel.getRangeAt(i).cloneContents());
            }
            selText = selTextParts.join("");
        }
    } else if (document.selection && document.selection.type == "Text") {
        selText = document.selection.createRange().text;
    }
    return selText;
}