Copiando texto para área de transferência em JavaScript

Publicado por Fábio Berbert de Paula em 19/06/2020

[ Hits: 9.095 ]

Blog: https://fabio.automatizando.dev

 


Copiando texto para área de transferência em JavaScript



Existem duas formas de se copiar texto para a área de transferência usando vanilla JavaScript. Uma delas é usando um objeto do tipo input. Exemplo:

<input value="Este texto será copiado" />
<button>Copiar</button>

<script>
document.querySelector("button").addEventListener("click",
function (event) {
        document.querySelector("input").select()
        document.execCommand('copy')
})
</script>

A outra é usando qualquer elemento do tipo "contentEditable". Exemplo:

<p id="texto" contentEditable>Este texto será copiado.</p>
<button>Copiar</button>

<script>
document.querySelector("button").addEventListener("click",
function (event) {

        document.querySelector("p").focus()
        document.execCommand('selectAll', false, null)
        document.execCommand('copy')
})
</script>

Em navegadores mais modernos já existe uma terceira forma, que é usando a Clipboard API (navigator.clipboard), mas como o código ainda não é compatível com a maioria dos navegadores, vou encerrar a dica somente citando essa hipótese.

Até a próxima!

Outras dicas deste autor

Exibindo informações do seu sistema com o Xproc

Os comandos apropos, makewhatis e whatis

Atualizar Debian 9 Stretch para Debian 10 Buster

OBS - Captura de Tela Tremulante (OBS Flickering) [Resolvido]

Desabilitar o sininho (bell) no terminal

Leitura recomendada

Javascript - pegar um elemento aleatório de uma lista

Can I use - Checar compatibilidade de comandos HTML5, CSS, JavaScript e outros

Chromium e Firefox - Forma prática de abrir links em nova aba

Bloqueando objetos Flash de páginas

Atualizando conteúdo dinamicamente com jQuery

  

Comentários

Nenhum coment�rio foi encontrado.



Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts