Wie kann ich hervorgehobenen Text von einer Website abrufen, indem ich nur browsernative Objekte verwende?

Hervorgehobenen Text abrufen

Das Abrufen des hervorgehobenen Textes aus dem Absatz einer Website ist eine unkomplizierte Aufgabe, die ohne zusätzliche Bibliotheken wie jQuery erledigt werden kann.

Verwenden von Browser-Native Objekte

Der folgende Codeausschnitt zeigt, wie der hervorgehobene Text mithilfe browsernativer Objekte abgerufen wird:

function getSelectionText() {
    let text = "";

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

    return text;
}

Erweiterte Implementierung

Um die Textauswahl in anderen Formularelementen wie Textbereichen und Texteingabefeldern zu handhaben, könnte eine erweiterte Implementierung erforderlich sein verwendet:

function getSelectionText() {
    let text = "";
    const activeElement = document.activeElement;

    if (
        (activeElement.tagName.toLowerCase() === "textarea") ||
        (activeElement.tagName.toLowerCase() === "input" && /^(?:text|search|password|tel|url)$/i.test(activeElement.type)) &&
        (typeof activeElement.selectionStart === "number")
    ) {
        text = activeElement.value.slice(activeElement.selectionStart, activeElement.selectionEnd);
    } else if (window.getSelection) {
        text = window.getSelection().toString();
    }

    return text;
}

Echtzeitaktualisierung

Um den ausgewählten Text in Echtzeit anzuzeigen, können Ereignis-Listener zu Dokumentereignissen wie onmouseup, onkeyup und hinzugefügt werden onselectionchange. Der aktualisierte Text kann dann in ein bestimmtes Element eingefügt werden, beispielsweise in ein Textfeld.

Das obige ist der detaillierte Inhalt vonWie kann ich hervorgehobenen Text von einer Website abrufen, indem ich nur browsernative Objekte verwende?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!