簡體   English   中英

以編程方式在JavaScript中選擇文本

[英]Programmatically selecting text in JavaScript

我知道您可以使用JavaScript來調用某個表單元素來進行關注,出於某種原因,這使我覺得完成任務應該不難。 作為功​​能的一部分,我想讓用戶選擇特定div的內容(以便他們可以使用control-c輕松復制它)。

如果很重要,則div包含除純文本之外的內容(即,它包含以下兩個范圍):

<span style="font-weight:bold; text-transform: capitalize;" id="part1"></span><span id="part2"></span>

請不要jquery。

怎么樣 :

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> function selectText(){ document.getElementById('txt1').value = document.getElementById('xpto').innerHTML; document.getElementById('txt1').focus(); document.getElementById('txt1').select(); } </script> </head> <body> <div id="xpto"><span style="font-weight:bold; text-transform: capitalize;" id="part1"></span><span id="part2"></span></div> <form> <textarea id="txt1" name="txt1"></textarea> <button onclick="selectText()" type="button">Select text to copy</button> </form> </body> </html> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM