Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ 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Ссылка на скачивение: Все скрипты на одной странице
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
Скопировать в буфер обмена из input javascript

Последние комментарии :
Марат :
02/09/2020 03:25
Рад, что помог! Приходите еще!
подробнее.
Алексей :
02/09/2020 01:16
Спасибо Кое-что пригодилось!
подробнее.
Павел :
26/08/2020 05:57
textarea В таблице, а таблица в родительском div, а этот див является частью аккордеона, сам textarea без displey: none, но…
подробнее.
Марат :
26/08/2020 04:22
Столько написали и ничего не понятно!У вас есть textarea со свойством "display: none;" - непонятно... зачем textarea скрытый и…
подробнее.
Павел :
26/08/2020 08:02
Здравствуйте. Пишу плагин для таблицы, в таблице много textarea, плагин и таблица расположены в скрытой вкладке…
подробнее.