為了簡化文字選取任務,可以在使用者點擊 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中文網其他相關文章!