Wie kann ich beim Klicken automatisch den gesamten Text innerhalb eines DIV auswählen?

DIV-Text per Mausklick hervorheben und auswählen

Um Textauswahlaufgaben zu vereinfachen, ist es möglich, den gesamten Inhalt eines DIV hervorzuheben und auszuwählen, wenn der Benutzer darauf klickt . Dadurch entfällt die Notwendigkeit einer manuellen Hervorhebung und es wird sichergestellt, dass kein Text übersehen wird.

Betrachten Sie das folgende Beispiel:

<div>

Wenn ein Benutzer irgendwo innerhalb dieses DIV klickt, sollte die gesamte URL angezeigt werden hervorgehoben werden, sodass sie den ausgewählten Text einfach ziehen oder kopieren können.

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

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

Um diesen Code zu verwenden, fügen Sie einfach das folgende Attribut zu Ihrem DIV hinzu:

<div>

Wenn der Benutzer nun auf das DIV klickt, wird der gesamte Text automatisch angezeigt ausgewählt, sodass Sie bequem verschiedene textbezogene Aktionen ausführen können.

Das obige ist der detaillierte Inhalt vonWie kann ich beim Klicken automatisch den gesamten Text innerhalb eines DIV auswählen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!