Подтвердить что ты не робот

Копирование текста текстового поля в буфер обмена при нажатии кнопки

Я хочу создать jQuery (или javascript) button, который выбирает все в textarea, а затем копирует текст в ваш clipboard при нажатии кнопки.

Я нашел несколько примеров, используя фокусное событие. Но я ищу кнопку, которую вы на самом деле должны нажать для выбора и копирования.

Как я могу это сделать?

4b9b3361

Ответ 1

Вам нужно использовать select() для выделения текста textarea и использовать execCommand('copy') для копирования выделенного текста. Его работа в верхней версии браузеров.

$("button").click(function(){
    $("textarea").select();
    document.execCommand('copy');
});

Также вы можете сделать эту работу без jquery, как показано внизу

document.querySelector("button").onclick = function(){
  document.querySelector("textarea").select();
  document.execCommand('copy');
};
<button>Select</button>
<br/>
<textarea></textarea>

Ответ 2

Это можно сделать без использования jQuery.

Здесь чисто JS решение.

function copy() {
  let textarea = document.getElementById("textarea");
  textarea.select();
  document.execCommand("copy");
}
<textarea id="textarea"></textarea>
<br>
<button onclick="copy()">Copy</button>

Ответ 3

## ПОМОГИТЕ ##


копия

Этот не работает. У вас есть код, который копирует все, что находится внутри текстовой области, не открывая новую страницу? Что я хочу сделать, это нажать кнопку "Копировать", и все внутри текстовой области будет скопировано в буфер обмена. Пожалуйста помоги.