如何一鍵選擇DIV內的所有文字？

只需點擊滑鼠即可輕鬆選擇DIV 文字

為了快速方便地進行文字操作，通常需要突出顯示並選擇整個內容DIV 標籤的。這使用戶可以輕鬆執行操作，例如拖曳選定的文字或右鍵單擊複製它。

如何實現此目的：

要實現此目的，我們可以利用 JavaScript 函數，該函數利用瀏覽器的選擇功能。它的運作原理如下：

程式碼片段：

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

實作：

在您的HTML 中，包含以下內容用於選擇具有ID 的DIV元素內的文字的程式碼"selectable":

<div><p>當使用者點擊此 DIV 中的任意位置時，將執行上述 JavaScript 函數，突出顯示其所有內容。這使得操作文字變得非常容易，無需手動選擇。 </p></div>

以上是如何一鍵選擇DIV內的所有文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！