Cкопировать ссылку JS
Сегодня мы будем копировать ссылку в js. Естественно, что скопировать ссылку нам потребовалось не просто так? как впрочем и всегда!
Что нам нужно!?
Скопировать ссылку в js
Первое о чем нужно сказать – это не наш скрипт , уже есть готовое решение, ссылка разработчика.Давайте начнем!
У нас есть текст на котором есть ссылка и сделаем рядом кнопку скопировать, чтобы было понятно, что нужно делать, а то всякое бывает…
Подключаем скрипт clipboard.
У нас код подключения вот такой:
Ссылка будет иметь адрес и с тот же текст... :
Скрипт будет копировать все то, что у нас есть в ид(id), в данном случае мы назвали его id="my_copy"ю Если у вас здесь будет ссылка, то он скопирует ссылку, если же вам нужен простой текст, то это тоже сработает! Здесь ссылка – это текст.
Код ссылки:
Код кнопки:
Кнопка:
Здесь нужно отметить, что необязательно выводить через алерт, нам просто надо было именно вот такое решение и вот мы скомпоновали код так. Чтобы было понятно, что процесс копировании ссылки был произведен удачно + вывести то, что собственному скопировали в данном случае нам нужна была ссылка…:
<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>
скопировать ссылку скопировать ссылку Jsскопировать ссылку javascript