Como copiar para a área de transferência em JavaScript

Copiar para a área de transferência refere-se ao processo de armazenamento temporário de uma informação, geralmente texto, em uma área especial da memória do seu computador chamada área de transferência em outro aplicativo ou documento.coladas. Essas informações copiadas podem então ser

Neste tutorial, aprenderemos como copiar para a área de transferência em JavaScript? Para copiar texto para a área de transferência em JavaScript precisamos usar document.queryCommandSupported("copy") ou document.execCommand("copy") se o primeiro método não for suportado pelo navegador.

Observe que document.execCommand('copy') está obsoleto, mas alguns navegadores ainda suportam esse comando.

function copyToClipboard(text) {
    if (window.clipboardData && window.clipboardData.setData) {
        // IE specific code path to prevent textarea being shown while dialog is visible.
        return clipboardData.setData("Text", text); 

    } else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
        var textarea = document.createElement("textarea");
        textarea.textContent = text;
        textarea.style.position = "fixed";  // Prevent scrolling to bottom of page in MS Edge.
        document.body.appendChild(textarea);
        textarea.select();
        try {
            return document.execCommand("copy");  // Security exception may be thrown by some browsers.
        } catch (ex) {
            console.warn("Copy to clipboard failed.", ex);
            return false;
        } finally {
            document.body.removeChild(textarea);
        }
    }
}

document.querySelector("#copy").onclick = function() {
    var result = copyToClipboard(new Date().toString());
    console.log("copied?", result);
};

<button id="copy">Copy to clipboard</button>

A função copyToClipboard copia uma string para a área de transferência. Esta função deve ser chamada de dentro de um manipulador de eventos, por exemplo button click.

A função pode retornar falso se falhar.

Neste tutorial, apresentamos como copiar uma string para a área de transferência em JavaScript.