javascript - Copiar texto ao clicar numa DIV - Stack Overflow em Português
Copiar texto ao clicar numa DIV [duplicada]
Maneira cross-browser de copiar texto para a Área de Transferência (Clipboard) (4 respostas)
Como faço, com JQuery de preferencia, ao clicar no div de classe ola:
$('ola').click(function(){
//FUNÇÃO DE COPIAR AQUI
Ele copiar um texto? Por exemplo, ao clicar na div de classe ola, ele copiar o texto "ola mundo"
perguntada 10/05/17 às 11:15
Lucas, é isto que deseja? pt.stackoverflow.com/questions/17030/…
10/05/17 às 11:54
É bem simples, e não necessariamente precisa de JQuery. Existe uma função nativa que faz isso:
$('#ola').click(function(){
//Visto que o 'copy' copia o texto que estiver selecionado, talvez você queira colocar seu valor em um txt escondido
$('#seuTxt').select();
var ok = document.execCommand('copy');
if (ok) { alert('Texto copiado para a área de transferência'); }
<input id="seuTxt" value="Olá mundo!" />
<input type="button" id="ola" value="Clique em mim" />
Após clicar no botão, tente dar CTRL+V em algum lugar, ele vai colar o texto
respondida 10/05/17 às 11:54
5.19511 medalhas de ouro99 medalhas de prata4545 medalhas de bronze
Arthur, gostei, deu certo aqui, mas tenho uma dúvida agora. Teria como fazer o mesmo, mas sem ter que selecionar? Ou ao invés de copiar o conteúdo selecionado, ele copiar o texto do value=""? Por exemplo: <div value="ola mundo"></div> document.execCommand('copy').value; Lembrando, não existe isso kk, só foi um exemplo, se teria como copiar o value
10/05/17 às 11:59
Não, porque o document.execCommand('copy') seleciona o texto que estiver selecionado na tela, por isso eu dei um select antes de usar ele :). Você pode fazer algumas maracutaias, tipo copiar pra um lugar escondido e selecionar esse escondido, mas não vejo motivo
10/05/17 às 12:01
É que por exemplo, tenho um banner que tem informação de cupom de desconto. no caso o texto do cupom de desconto é GANHE100, queria que se esse banner fosse clicado, ele copiasse esse texto, ai pensei em colocar esse texto talvez em algum value da imagem, e ao clicar no banner ele copiar isso. Ou copiar algum texto aleatório que eu defina ja dentro do JavaScript.
10/05/17 às 12:04
Mas e isso da resposta não funciona? $('#textoDaImagem').select(); document.execCommand('copy')
10/05/17 às 12:05
Agora vi o texto escondido ali que você colocou, acho que posso colocar o texto em qualquer lugar do HTML, e copiar ao clicar no banner, ne?