javascript - マウスで強調表示された一連のテキストの背景色を変更する

Question

一連の段落があり、選択したテキストの背景色を変更したいと考えています。例えば：

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

ユーザーは「茶色」から「レイジー」までのテキスト範囲を選択し、色の変更ボタンをクリックしました。私がしたいのは、色、サイズなどの変更など、選択したテキストを変更することです.

Answer 1

これは私が得た限りです (同じブロック要素内のテキストに対してのみ機能します) 誰かがこれを改善できる場合は、してください.

「buttonid」をボタンのIDに置き換えます

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

要素内のテキストの選択を参照してください (マウスによる強調表示に似ています)。

この記事の助けを借りて、あなたが本当に望むものを達成できることを願っています.