使用javascript選擇HTML文檔

Question

我使用此javascript代碼獲取當前突出顯示的選擇。

var selection = window.getSelection()

如果突出顯示是<div>所有文本的一部分，我如何獲得<div>開頭的偏移量和突出顯示的長度？ （長度不僅是文本的長度，還應該是該文本的html代碼的實際長度）

Answer 1

您可以按以下方式獲取所選HTML的長度：

function getSelectionHtml() {
    var sel, html = "";
    if (window.getSelection) {
        sel = window.getSelection();
        if (sel.rangeCount) {
            var frag = sel.getRangeAt(0).cloneContents();
            var el = document.createElement("div");
            el.appendChild(frag);
            html = el.innerHTML;
        }
    } else if (document.selection && document.selection.type == "Text") {
        html = document.selection.createRange().htmlText;
    }
    return html;
}

alert(getSelectionHtml().length);