<MyRusakov.ru />

PHP и MySQL с Нуля до Гуру 3.0

PHP и MySQL с Нуля до Гуру 3.0

Данный курс научит Вас программировать на самом популярном Web-языке в мире - PHP. Курс состоит из 9 разделов, в которых с нуля рассказывается и показывается процесс написания различных скриптов на PHP.

В курсе Вы узнаете всю необходимую теоретическую часть, а также увидите массу практических примеров, в том числе, и из моей практики.

В Бонусе «Создание сайта для библиотеки» Вы увидите применение знаний из основного курса при создании полноценного проекта.

Просмотрев данный курс, Вы сможете создавать абсолютно любые PHP-сайты любой сложности.

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Зачем Вы изучаете программирование/создание сайтов?

Копирование текста в буфер обмена на JavaScript

Копирование текста в буфер обмена на JavaScript

Сегодня я хочу показать Вам как можно скопировать некторый текст в буфер обмена с помощью JavaScript. Где это может понадобиться? Допустим Вы у себя на сайте генерируете ссылку, какой-то ключ или еще что-либо в этом роде. Вы хотите предоставить пользователю возможность скоировать эти данные в буфер простым нажатием на ссылку или иконку. Особенно это будет удобно, если у Вас достаточно объемный текст.

Для того, чтобы можно было копировать текст на сайте в буфер обмена, необходимо подключить библиотеку Clipboard.js.

Пример:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Копирование в буфер на JavaScript</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
     
    <!-- 1. Подключаем библиотеку -->
    <script src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" type = "text/javascript"></script>
</head>
<body>
    
    <!-- Копируем все, что находится внутри тега p-->
    <p id="foo">
      Ссылка для вставки:
      <a href = "http://myrusakov.ru/subscribe.html"> Подписка </a>
    </p>

    <!-- data-clipboard-target - ссылка на, то что будет копироваться -->
    <button class="btn" data-clipboard-target="#foo">Копировать</button>
    
    <script>
      
      // создаем объект, передавая ему селектор класса .btn
      var clip = new ClipboardJS('.btn');
      
      // при успешном копировании, выводим в консоль скопированный текст
      clip.on("success", function(e) {
        console.log(e.text);
      });
  
    
    </script> </body> </html>

Вот так можно скопировать текст в буфер обмена JavaScript.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.