2015-11-06 191 views
0

我知道你可以調用某個表單元素來使用javascript進行對焦,這出於某種原因讓我覺得應該不難完成我的任務。作爲函數的一部分,我想讓用戶選擇一個特定div的內容(以便他們可以用control-c輕鬆地複製它)。以編程方式選擇javascript中的文本

在它的事項的情況下,div包含內容除了純文本(即它包含以下兩個跨度):

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

任何偉大的想法?

沒有jQuery的

+0

你也許看這裏開始。 http://stackoverflow.com/questions/985272/selecting-text-in-an-element-akin-to-highlighting-with-your-mouse – thanksd

回答

0

如何:

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

相關問題