首頁 >web前端 >css教學 >如何在單擊時自動選擇 DIV 內的所有文字?

如何在單擊時自動選擇 DIV 內的所有文字?

Patricia Arquette
Patricia Arquette原創
2024-12-13 18:49:10531瀏覽

How Can I Automatically Select All Text Within a DIV on Click?

滑鼠點擊時反白並選擇 DIV 文字

為了簡化文字選取任務,可以在使用者點擊 DIV 時反白並選擇 DIV 的整個內容。這消除了手動突出顯示的需要,確保不會遺漏任何文字。

考慮以下範例:

<div>

當使用者點擊此 DIV 中的任意位置時,整個 URL 應該突出顯示,使他們可以輕鬆拖曳或複製所選文字。

要實現此目的,您可以利用以下方法代碼:

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>

現在,當使用者點擊DIV 時,整個文字將自動顯示選中,可以方便地執行各種與文字相關的操作。

以上是如何在單擊時自動選擇 DIV 內的所有文字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn