DWWEB.RU
СКРИПТЫ

Скопировать ссылку 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>

Не забудь !
Название скрипта :Скопировать ссылку JS
Скрипт № 50.1
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
скопировать ссылку скопировать ссылку Jsскопировать ссылку javascript

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019