Выделить и копировать по клику jQuery


Скрипт для выделения и копирования текста в буфер обмена по клику с использованием jQuery. Данный скрипт копирует при клике любой текст на веб-странице, с определённым классом прописанным в теге текстового блока.
Для работы скрипта скачайте / подключите библиотеку jQuery:
<script src="js/jquery-1.12.4.min.js"></script>
В исходнике страницы между тегами <head> </head> вставьте скрипт:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script>
function selectText(elementId) {
var doc = document,
text = doc.getElementById(elementId),
range,
selection;
if (doc.body.createTextRange) {
range = document.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if (window.getSelection) {
selection = window.getSelection();
range = document.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}}
$("
.copy").click(function() {
selectText(this.id);
document.execCommand("copy");
});
</script>
В 18-й строке: copy - это имя класса, присвоенное для текстового блока.
Для каждого блока (div) с текстом, которое нужно копировать в буфер при клике, необходимо в теге прописать: class="copy"
Пример HTML-кода для текста, которое нужно скопировать в буфер:
<div id="Text"class="copy">
   <span>
Ваш текст</span></div>
Имя классу можете прописать своё, но не забудьте заменить его в скрипте.
На этой странице текстовый блок с кодом скрипта / html можно скопировать в буфер обмена кликнув по нему.
Скачать исходник .wbs (версия 12.3.0)