Wie wähle ich den gesamten Text innerhalb eines DIV mit einem Klick aus?

DIV-Text mühelos mit einem einzigen Mausklick auswählen

Für eine schnelle und bequeme Textbearbeitung ist es oft wünschenswert, den gesamten Inhalt hervorzuheben und auszuwählen eines DIV-Tags. Auf diese Weise können Benutzer ganz einfach Aktionen wie das Ziehen von ausgewähltem Text oder das Kopieren mit einem Rechtsklick ausführen.

So erreichen Sie dies:

Um dies zu erreichen, können wir Nutzen Sie eine JavaScript-Funktion, die die Auswahlfunktionen des Browsers nutzt. So funktioniert es:

Code-Snippet:

function selectText(containerid) {
    if (document.selection) { // IE
        var range = document.body.createTextRange();
        range.moveToElementText(document.getElementById(containerid));
        range.select();
    } else if (window.getSelection) {
        var range = document.createRange();
        range.selectNode(document.getElementById(containerid));
        window.getSelection().removeAllRanges();
        window.getSelection().addRange(range);
    }
}

Implementierung:

Fügen Sie in Ihrem HTML Folgendes ein Code zum Auswählen von Text innerhalb des DIV-Elements mit der ID „wählbar“:

<div>

Wenn der Benutzer Wenn Sie auf eine beliebige Stelle in diesem DIV klicken, wird die obige JavaScript-Funktion ausgeführt und der gesamte Inhalt hervorgehoben. Dies macht es unglaublich einfach, den Text zu bearbeiten, ohne dass eine manuelle Auswahl erforderlich ist.

Das obige ist der detaillierte Inhalt vonWie wähle ich den gesamten Text innerhalb eines DIV mit einem Klick aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!