Топ дня: Yotun

Тема закрыта by DELETED
Причина: решён

Есть код копирования в буфер

var copy = document.querySelector('.copy');
copy.addEventListener('click', function(event) {
var Link = document.querySelector('.link');
var range = document.createRange();
range.selectNode(Link);
window.getSelection().addRange(range);
try {
var successful = document.execCommand('copy');
var msg = successful ? 'выполнено' : 'не выполнено';
console.log('Копирование ' + msg);
} catch(err) {
console.log('Копирование невозможно');
}
window.getSelection().removeAllRanges();
});

<div class="link">
<code>
<?=htmlspecialchars('Тут содержимое')?>
</code>
</div>
<button class="copy">Скопировать содержимое</button>


Так вот не могу привязать к нескольким кнопкам, если ставлю id на блок с копируемым содержимым и на кнопку ставлю data-target, то перестаёт копировать вообще
________
посл. ред. 11.01.2017 в 18:18; всего 1 раз(а); by Вилы_Выкидные

Вот так не работает

<div class="link" id="a">
<code>
<?=htmlspecialchars('Тут содержимое')?>
</code>
</div>
<button class="copy" data-target="#a">Скопировать содержимое</button>


<div class="link" id="b">
<code>
<?=htmlspecialchars('Тут содержимое')?>
</code>
</div>
<button class="copy" data-target="#b">Скопировать содержимое</button>

Вилы_Выкидные, clipboard.min.js погугли

мне этот код нужно чтобы несколько кнопок обрабатывал

пост 2
________
посл. ред. 11.01.2017 в 18:22; всего 1 раз(а); by Вилы_Выкидные

Вилы_Выкидные, не class а id надо присвоить

пост 1 - работает

пост 2 - не работает

заюзал его, но в модальном окне не сохраняет в буфер, хотя и работает сам код правильно

у меня просто рекламные материалы-баннеры были в модальном окне, пришлось на отдельную страницу перенести, чтобы в буфер копировало

спасибо