7

Как можно скопировать выделенный текст в буфер (например, из строки поиска Google Chrome), чтобы затем сделать Ctrl+V в другое поле?

5
  • а зачем копировать в буфер, если можно вставить текст в другое поле напрямую?
    – Grundy
    22 сен 2016 в 16:58
  • @Grundy, как ? а если я заранее не знаю в какое поле мне нужно будет вставить? 22 сен 2016 в 17:05
  • тогда и буфер обмена не поможет, потому что ты его не контролируешь и перед тем как ты вставишь содержимое в нужный инпут оно может быть уже заменено
    – Grundy
    22 сен 2016 в 17:07
  • @Grundy, почему? ведь если я делаю ctrl+c то, то, что скопировалось в буфер никуда не пропадает, пока я не повторю ctrl+c, или я чего то не понимаю? 22 сен 2016 в 17:09
  • Правильно, пока я не повторю ctrl+c, я про это и говорю, после копирования в буфер и до непосредственной вставки, вполне себе возможно повторное использование crtl+c причем даже на других документах. окнах и т.д. и скрипт об этом никак не узнает
    – Grundy
    22 сен 2016 в 17:12

1 ответ 1

10

var textarea = document.getElementById("textarea");
var copyButton= document.getElementById("copyButton");

copyButton.addEventListener('click', function(e) {

   // Выделяем текст в поле
   textarea.select(); 
   // Копируем текст в буфер обмена
   document.execCommand('copy');

});
<textarea id="textarea" rows="4" cols="40">
     Lorem ipsum dolor sit amet, eamsemper maiestatis no.
</textarea>
<br/>
<button id="copyButton">Click to copy</button>
   

2
  • спасибо,а можно ли каким-то образом записать в буфер обмена значение какой-либо переменной? 22 сен 2016 в 17:48
  • 2
    Вроде бы напрямую нельзя, но можно по нужному событию создавать textarea с display: none; или position: absolute; left: -5000px;, короче невидимый textarea, вставлять значение переменной в textarea, потом способом из ответа копировать значение уже из textarea в буфер и удалять textarea 22 сен 2016 в 18:21

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.