Как положить текст в буфер обмена с помощью javaScript? - PullRequest
Новая
       9

Как положить текст в буфер обмена с помощью javaScript?

0 голосов
/ 03 сентября 2018

Я хочу разрешить пользователю копировать некоторый контент в буфер обмена. Я попробовал следующее. 

var textArea = document.createElement('textarea');
textArea.textContent = response['file_content'];
document.body.appendChild(textArea);

 var selection = document.getSelection();
 var range = document .createRange();
 range.selectNode(textArea)
 selection.removeAllRanges();
 selection.addRange(range);

 if(document.execCommand('copy'))
 {
     console.log('Template copied to clipboard');
 }else {
     console.log('Copying Failed');
 }

 selection.removeAllRanges();
 document.body.removeChild(textArea)

Но, к сожалению 

document.execCommand('copy')

всегда возвращает false в Chrome 68 и Mozilla Firefox 60. Кажется, это хорошо работает в IE 11. Я уже прошел через много подобных вопросов по SO, но это не работает для меня. Я не хочу использовать вспышку.

1 Ответ

0 голосов
/ 03 сентября 2018

Я использовал приведенный ниже код в своем проекте .. Это работает для меня ..

Элемент 

<a rel="tooltip" data-placement="top" title="Copy code" class="copytext-btn copyText" href="javascript:void(0);"><i class="code-file-icn"></i></a>

ClickEvent: 

jQuery(".copyText").click(function(e)
{
    e.preventDefault();
    copyTextToClipboard(jQuery('.GeneratedText').text());
});

Функция: 

function copyTextToClipboard(text) 
{
    var textArea = document.createElement("textarea");
    textArea.value = text;
    document.body.appendChild(textArea);
    textArea.select();
    try {
        var successful = document.execCommand('copy');
        if(successful)
        {
            // SuccessCode

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