Copiando texto para área de transferência em JavaScript

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

[ Hits: 2.367 ]

Blog: https://youtube.com/c/cotidianohackeado

 


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

Navegação fácil no Vim - encontrar próximo e anterior

Habilitar highlight na busca do Vim

Código-Fonte Original da Missão Apollo 11

Instalando o PulseEffects no Debian 10 Buster

Como fazer diff entre duas imagens

Leitura recomendada

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

JavaScript - converter uma array para valores únicos

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

Codificação HEXADECIMAL para HTML

Cursos grátis na área de programação com certificado

  

Comentários

Nenhum comentário foi encontrado.



Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts