Question

我想突出显示文字并保存选区，以便下次查看页面时，它会突出显示相同的文字。

我尝试获取所选文本的索引，但索引仅与HTML标记相关，与所有页面文本无关。这就是我所拥有的：

<script>
    function highlight() {
       range = window.getSelection();
       var st = range.anchorOffset;
       var en = range.focusOffset - range.anchorOffset;
       alert(st);
       alert(en);
    }
</script>

我不知道如何获取所选文本属性，这些属性可以帮助我在下一次打开HTML文件时保存我的高亮显示。

Answer 1

这是我找到的。供参考，here is a good post about this topic。

JSFiddle

JS：

var copiedText = "";

$(function(){

    $("button").click(function(event){
        getSelectionText();
        alert(copiedText);
    });
});

function getSelectionText() {
    if (window.getSelection) {
        copiedText = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        copiedText = document.selection.createRange().text;
    }
}

如何使用JavaScript在HTML中突出显示和保存文本？

1 个答案: