Aprendendo a copiar texto usando botão de copy com JavaScript e Jquery.
Você já precisou colocar algum dado em um input, apenas para o usuário poder copiar o seu valor? Não seria fantástico colocar um botão de copy para ajudar o usuário? Então vamos colocar a mão na massa com um script bem funcional e pequeno.
Autor: André Rodrigues
CONTEÚDO
Olá amigos, tudo bem?
Acho que todo mundo já tentou fazer um sistema onde o usuário clica em um botão e uma string qualquer é copiada para a área de transferência do computador. Hoje vou trazer um pequeno script em Java Script para facilitar sua vida.
Vamos começar a criar nosso arquivo HTML.
index.php
O arquivo HTML não precisa de muitas explicações. Foi criado um formulário com o input, que terá o texto a ser copiado e um button para executar o copy.
Agora vamos criar nosso arquivo JS responsável pela ação de copy.
all.js
Essa ação é muito simples. Na linha 5, é dado a ação para selecionar o conteúdo do input e na linha 7 é executado o comando document.execCommand('copy') que é responsável pela ação de copy.
Pronto pequeno Padawan! Sua função de copy está pronta. Essa versão é bem básica então você pode fazer algo mais elaborado. Um abraço! ;)
Quer aprender tudo sobre JavaScript? Clique aqui e veja todos os artigos.