Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Скопировать в буфер обмена из input javascript

Поддержи проект!!!

Нам потребовалось скопировать текст из инпута в буфер обмена! Простой скрипт, который скопирует все, что есть в инпуте! разные ситуации - разное решение!

Вообще хочу разобраться полностью с темой копирования в буфер обмена!

  1. Нам понадобится инпут с каким -то текстом внутри value
  2. <input type="text" value="Привет мир" id="copyFromId">
  3. Кнопка button с onclick , по нажатию будет вызываться myFunction()
  4. <button onclick="myFunction()">Копировать текст</button>
  5. Далее функция - которая будет копировать данные из input
  6. function myFunction() {

    var copyText = document.getElementById('copyFromId');

    copyText.select();

    copyText.setSelectionRange(0, 99999)

    document.execCommand("copy");

    alert("Copied the text: " + copyText.value);

    }

    Код javascript, который копирует в буфер обмена из input

  7. Соберем все вместе:
  8. <input type="text" value="Привет мир" id="copyFromId">

    <button onclick="myFunction()">Копировать текст</button>

    function myFunction() {

    var copyText = document.getElementById('copyFromId');

    copyText.select();

    copyText.setSelectionRange(0, 99999)

    document.execCommand("copy");

    alert("Copied the text: " + copyText.value);

    }

    Результат:

    Документ.метод execCommand() не поддерживается в IE8 и более ранних версиях.


Вас может еще заинтересовать список тем : #JS | #JS_COPY | #INPUT |
Последняя дата редактирования : 2020-01-29 06:11
Название скрипта :Скопировать из input в буфер обмена
Скрипт № 58.2Ссылка на скачивение: Все скрипты на одной странице
Теги:
Скопировать в буфер обмена из input javascript

Последние комментарии :
admin :
21/05/2020 05:03
Я Вас помню! Вы частенько оставляли сообщения на сайте!Все никак не мог спросить!? У Вас есть сайт -> зачем это…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.

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