Как мне скопировать в буфер обмена в JavaScript? - PullRequest
Новая
       343

Как мне скопировать в буфер обмена в JavaScript?

2958 голосов
/ 30 декабря 2008

Как лучше всего скопировать текст в буфер обмена? (Мульти-браузер)

Я пробовал: 

function copyToClipboard(text) {
    if (window.clipboardData) { // Internet Explorer
        window.clipboardData.setData("Text", text);
    } else {  
        unsafeWindow.netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");  
        const clipboardHelper = Components.classes["@mozilla.org/widget/clipboardhelper;1"].getService(Components.interfaces.nsIClipboardHelper);  
        clipboardHelper.copyString(text);
    }
}

но в Internet Explorer выдает синтаксическую ошибку. В Firefox написано unsafeWindow is not defined.

Хороший трюк без вспышки: Как Trello получает доступ к буферу обмена пользователя?

Ответы [ 51 ]

0 голосов
/ 14 июля 2017

Я собрал решение, представленное здесь @ dean-taylor, вместе с другим кодом выбора / отмены выбора из другого места в плагине jQuery, доступном на NPM:

https://www.npmjs.com/package/jquery.text-select

Установка:

npm install --save jquery.text-select

Использование: 

<script>
    $(document).ready(function(){
        $("#selectMe").selectText(); // Hightlight / select the text
        $("#selectMe").selectText(false); // Clear the selection

        $("#copyMe").copyText(); // Copy text to clipboard
    });
</script>

Дополнительную информацию о методах / событиях можно найти на странице реестра NPM выше.

Страница:
...