如何在单击时自动选择 DIV 内的所有文本？

鼠标单击时突出显示并选择 DIV 文本

为了简化文本选择任务，可以在用户单击 DIV 时突出显示并选择 DIV 的整个内容。这消除了手动突出显示的需要，确保不会遗漏任何文本。

考虑以下示例：

<div>
<p>当用户单击此 DIV 中的任意位置时，整个 URL 应该突出显示，使他们可以轻松拖动或复制所选文本。</p>
<p>要实现此目的，您可以利用以下方法代码：</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);
    }
}

要使用此代码，只需将以下属性添加到您的 DIV：

<div><p>现在，当用户单击 DIV 时，整个文本将自动显示选中，可以方便地执行各种与文本相关的操作。</p></div>