| | | | | |
Cкопировать ссылку JS
2018/07/17
Марат
736
0
JS |
Сегодня мы будем копировать ссылку в js. Естественно, что скопировать ссылку нам потребовалось не просто так? как впрочем и всегда!
Что нам нужно!?
1.
Скопировать ссылку в js
Первое о чем нужно сказать – это не наш скрипт , уже есть готовое решение,
ссылка разработчика.
Давайте начнем!
У нас есть текст на котором есть ссылка и сделаем рядом кнопку скопировать, чтобы было понятно, что нужно делать, а то всякое бывает…
2.
Подключаем скрипт clipboard.
У нас код подключения вот такой:
<script src="https://dwweb.ru/__a-data/js/2.0.0.clipboard.min.js"></script>
3.
Ссылка будет иметь адрес и с тот же текст... :
Скрипт будет копировать все то, что у нас есть в ид(id), в данном случае мы назвали его id="my_copy"ю Если у вас здесь будет ссылка, то он скопирует ссылку, если же вам нужен простой текст, то это тоже сработает! Здесь ссылка – это текст.
Код ссылки:
<a href="" target="_blank" id="my_copy"></a>
4.
Код кнопки:
<button class="copy" data-clipboard-target="#my_copy">Скопировать</button>
Кнопка:
5.
Здесь нужно отметить, что необязательно выводить через алерт, нам просто надо было именно вот такое решение и вот мы скомпоновали код так. Чтобы было понятно, что процесс копировании ссылки был произведен удачно + вывести то, что собственному скопировали в данном случае нам нужна была ссылка…:
<script>
var clipboard = new ClipboardJS('.copy');
clipboard.on('success', function(e) {
new_text = ('Text:', e.text); alert('Скопировано : ' + new_text);
e.clearSelection();
});
clipboard.on('error', function(e) {
alert('не скопировано');
});
</script>
С вашими куками, что-то не то..., попробуете перезагрузить страницу..