Esta é uma dica simples, para quem precisar criar um botão ou funcionalidade JavaScript de “Copy to Clipboard” (CTRL+C), “Cut to Clipboard” (CTRL+X) e “Paste” (CTRL+V).
- Primeiramente, será necessário adicionar um <input /> com o texto a ser copiado para o DOM.
- Em seguida, selecionamos o conteúdo e executamos o comando copy com execCommand.
- ExecCommand (‘copy’) copiará o conteúdo real selecionado.
Este comando também nos permite executar outros comandos do sistema como copiar, cortar, colar e fazer alterações como cores de fontes, tamanho e muito mais.
document.querySelector('#input').select();
document.execCommand('copy');
Abaixo a tabela de todas as versões de navegadores que atualmente suportam este comando.
Artigos relacionados:
Método cross-browser para detectar que a página foi carregada em JavaScript Puro (vanilla)
Identificar elemento ativo num documento HTML via JavaScript
Como desabilitar o clique direito do mouse usando jQuery
JavaScript – Comportamento de arrays como argumento de funções. Referência ou valor?
Como copiar array em javascript por valor e não por referencia
Como gerar um arquivo simples para download no browser usando JavaScript
Leitura dinâmica usando javascript
Como detectar mobiles / tablets / celulares usando caracteristicas CSS via JavaScript
Como copiar um arquivo para múltiplos diretórios simultaneamente no Linux