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]

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?

Responder tópico

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

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]

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]

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

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

Responder tópico

Entre na sua conta para responder.

Fazer login para responder