javascript - 更改鼠标突出显示的一系列文本的背景颜色

Question

我有一系列段落，我想更改所选文本的背景颜色。例如：

<p>The quick brown</p>
<p>fox jumps over</p>
<p>the lazy dog</p>

用户选择从“棕色”到“懒惰”的文本范围并单击更改颜色按钮。我想要做的是对所选文本进行修改，例如更改颜色、大小等。

Answer 1

这是据我所知（仅适用于同一块元素中的文本）如果有人可以改进这一点，请做。

用您的按钮的 id 替换 'buttonid'

function selectHTML() {

try {
    if (window.ActiveXObject) {
        var c = document.selection.createRange();
        return c.htmlText;
    }

    var nNd = document.createElement("span");
    var w = getSelection().getRangeAt(0);
    w.surroundContents(nNd);
    return nNd.innerHTML;
} catch (e) {
    if (window.ActiveXObject) {
        return document.selection.createRange();
    } else {
        return getSelection();
    }
}

}


$(function() {

$('#button_id').click( function() {
    var mytext = selectHTML();
    $('span').css({"color":"blue"});
});

});

Answer 2

请参阅在元素中选择文本（类似于用鼠标突出显示）

我希望通过这篇文章的帮助，您将能够实现您真正想要的。