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

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

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

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

13
copy javascript jquery textarea

2 ответов

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

$("button").click(function(){
    $("textarea").select();
    document.execCommand('copy');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Select</button>
<br/>
<textarea></textarea>
33

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

вот чистое решение js.

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