Скопировать ссылку JS

2018/07/17 Марат 796 0 JS | JS_COPY |

Сегодня мы будем копировать ссылку в js. Естественно, что скопировать ссылку нам потребовалось не просто так? как впрочем и всегда!

Что нам нужно!?

Скопировать ссылку в js

Первое о чем нужно сказать – это не наш скрипт , уже есть готовое решение, ссылка разработчика.

Давайте начнем!

У нас есть текст на котором есть ссылка и сделаем рядом кнопку скопировать, чтобы было понятно, что нужно делать, а то всякое бывает…

Подключаем скрипт clipboard.

У нас код подключения вот такой:

Ссылка будет иметь адрес и с тот же текст... :

Скрипт будет копировать все то, что у нас есть в ид(id), в данном случае мы назвали его id="my_copy"ю Если у вас здесь будет ссылка, то он скопирует ссылку, если же вам нужен простой текст, то это тоже сработает! Здесь ссылка – это текст.

Код ссылки:

<a href="" target="_blank" id="my_copy"></a> 4.

Код кнопки:

<button class="copy" data-clipboard-target="#my_copy">Скопировать</button>

Кнопка:

Здесь нужно отметить, что необязательно выводить через алерт, нам просто надо было именно вот такое решение и вот мы скомпоновали код так. Чтобы было понятно, что процесс копировании ссылки был произведен удачно + вывести то, что собственному скопировали в данном случае нам нужна была ссылка…:

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