Copiar texto de um determinado botão quando ele for pressionado! [RESOLVIDO]

1. Copiar texto de um determinado botão quando ele for pressionado! [RESOLVIDO]

Tiago Pereira de Azevedo
tiagopraz

(usa Debian)

Enviado em 27/12/2016 - 13:46h

Este é um botão na index.html <a href="#" class="button1">Texto aqui!</a>

o link nesse caso não tem destino, mas queria que quando este botão fosse pressionado o texto dele (Texto aqui!) fosse para a área de transferência e aparecesse um alert informando que o texto foi copiado e neste alert tivesse um botão de "fechar" ou "ok" para fechar o alert e voltar para a página. A parte ruim é que não sei nada de JS hehehe
Alguém pode dar uma luz?


  


2. Re: Copiar texto de um determinado botão quando ele for pressionado! [RESOLVIDO]

thinomar
thinomar

(usa Linux Mint)

Enviado em 27/12/2016 - 14:23h

Eu recomendo o clipboard.js (https://clipboardjs.com/). Mas segue solução em JQuery:

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script>
$(document).ready(function(){
$(".button1").click(function(){
var texto = $(this).text();
var $temp = $("<input>");
$("body").append($temp);
$temp.val(texto).select();
document.execCommand("copy");
$temp.remove();
alert("Texto copiado!");
});
});
</script>
</head>
<body>
<a href="#" class="button1">Texto aqui!</a>
</body>
</html>


Obs: Me baseei nessa resposta http://stackoverflow.com/a/30905277


3. Re: Copiar texto de um determinado botão quando ele for pressionado! [RESOLVIDO]

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 27/12/2016 - 16:21h

tiagopraz escreveu:

Este é um botão na index.html <a href="#" class="button1">Texto aqui!</a>

o link nesse caso não tem destino, mas queria que quando este botão fosse pressionado o texto dele (Texto aqui!) fosse para a área de transferência e aparecesse um alert informando que o texto foi copiado e neste alert tivesse um botão de "fechar" ou "ok" para fechar o alert e voltar para a página. A parte ruim é que não sei nada de JS hehehe
Alguém pode dar uma luz?


Boa tarde Tiago.
Caso queira aprender . . .
No link tem um tutorial muito bom, segue:
http://www.w3schools.com/html/

Att.:
Marcelo Oliver


4. Re: Copiar texto de um determinado botão quando ele for pressionado! [RESOLVIDO]

Tiago Pereira de Azevedo
tiagopraz

(usa Debian)

Enviado em 05/01/2017 - 21:00h

Obrigado hein. Ajudou muito. msoliver obrigado pela dica estes conteúdos são muito bons.