Как добавить форматированный текст в буфер обмена с помощью Javascript

Question

мне нужно, чтобы иметь возможность нажать на ссылку и следующие скопирована в буфер обмена мой:

Name Email [TAB] Address Phone [TAB] IP Address 

Как я могу «копировать» клавишу табуляции? И как добавить его в буфер обмена?

Answer 1

Я думаю, что невозможно сделать Javascript для копирования/вставки в функцию буфера обмена. Для этого нужен Flash-скрипт. Или вы можете использовать эту библиотеку, но вы все равно будете использовать Adobe flash: https://github.com/zeroclipboard/zeroclipboard

Answer 2

Вот чистое решение для JavaScript. Он работает в Chrome 43+ и Internet Explorer. Вам понадобится использовать Flash или библиотеку для кросс-браузерной поддержки.

Вы можете использовать document.execCommand('copy'), чтобы скопировать сообщение из (скрытого) элемента в буфер обмена.

При нажатии на кнопку будет копировать сообщение в буфер обмена:

var cutTextareaBtn = document.querySelector('.js-textareacutbtn'); 
 
var cutTextarea = document.querySelector('.js-cuttextarea'); 
 

 
cutTextarea.textContent = "Name Email\tAddress Phone\tIP Address"; 
 

 
cutTextareaBtn.addEventListener('click', function(event) { 
 
    cutTextarea.select(); 
 

 
    try { 
 
    var successful = document.execCommand('copy'); 
 
    var msg = successful ? 'successful' : 'unsuccessful'; 
 
    console.log('Copy text command was ' + msg); 
 
    } catch(err) { 
 
    console.log('Oops, unable to copy'); 
 
    } 
 
});

<textarea class="js-cuttextarea">fdsfsd</textarea> 
 
<button class="js-textareacutbtn">Copy to clipboard</button>

Код адаптировано из this HTML5 rocks article.

Это работает в Chrome 43+ и Internet Explorer, хотя поддержка других браузеров ограничена - см. caniuse.com.