Wie ändere ich die Hintergrundfarbe von ausgewähltem Text mit JavaScript?

So ändern Sie das CSS von ausgewähltem Text mit JavaScript

Um die Webseitenfunktionalität zu verbessern, möchten Sie möglicherweise ein JavaScript-Bookmarklet erstellen Dadurch wird der ausgewählte Text hervorgehoben und der Hintergrund wird gelb. Während Sie den Text problemlos mit getSelText() abrufen können, kann es zu Schwierigkeiten kommen, wenn Sie versuchen, sein CSS mit der Funktion highlightSelText() von jQuery zu ändern.

Dieses Problem tritt auf, weil highlightSelText() das CSS nicht ändern kann des ausgewählten Textes. Eine effektivere Lösung ist die Verwendung der Methode execCommand(), die einen Befehl zum Ändern der Hintergrundfarbe in modernen Browsern bereitstellt. Hier ist ein aktualisierter Codeausschnitt, der diese Funktion nutzt:

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);
    }
}

Diese Funktion nutzt execCommand(), um die gewünschte Hintergrundfarbe auf den ausgewählten Text anzuwenden und so die Kompatibilität mit allen gängigen Browsern, einschließlich Internet Explorer, sicherzustellen.

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