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>
<p>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.</p>
<p>Um dies zu erreichen, können Sie Folgendes verwenden Code:</p>
<pre class="brush:php;toolbar:false">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><p>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.</p></div>