如何在單擊時自動選擇 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>