2015-11-06 2 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>

Смежные вопросы