Wie kann ich mit JavaScript ausgewählten Text mit einer Hintergrundfarbe hervorheben?

CSS von ausgewähltem Text mit JavaScript ändern

Um ausgewählten Text auf einer Webseite hervorzuheben, können Sie die Funktion execCommand() verwenden ermöglicht es Ihnen, die Hintergrundfarbe in modernen Browsern zu ändern.

Um dies zu erreichen, können Sie Folgendes verwenden Funktion:

function highlight(colour) {
    var range, sel;
    if (window.getSelection) {
        // IE9 and non-IE
        try {
            if (!document.execCommand("BackColor", false, colour)) {
                makeEditableAndHighlight(colour);
            }
        } catch (ex) {
            makeEditableAndHighlight(colour)
        }
    } else if (document.selection && document.selection.createRange) {
        // IE <= 8 case
        range = document.selection.createRange();
        range.execCommand("BackColor", false, colour);
    }
}

function makeEditableAndHighlight(colour) {
    var range, sel = window.getSelection();
    if (sel.rangeCount &amp;&amp; sel.getRangeAt) {
        range = sel.getRangeAt(0);
    }
    document.designMode = "on";
    if (range) {
        sel.removeAllRanges();
        sel.addRange(range);
    }
    // Use HiliteColor since some browsers apply BackColor to the whole block
    if (!document.execCommand("HiliteColor", false, colour)) {
        document.execCommand("BackColor", false, colour);
    }
    document.designMode = "off";
}

Diese Funktion prüft den Auswahlbereich und wendet die angegebene Hintergrundfarbe mit execCommand() an. Es verarbeitet sowohl IE- als auch Nicht-IE-Browser und gewährleistet so die browserübergreifende Kompatibilität.

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript ausgewählten Text mit einer Hintergrundfarbe hervorheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!