Copiando texto para área de transferência


Proporcionar a seus usuários a capacidade de copiar texto para a área de transferência pode fazer o seu site muito mais conveniente e valioso. Infelizmente o Flash 10 quebrou a maioria dos métodos para fazê-lo.

Felizmente existe uma grande biblioteca chamada ZeroClipboard que usa uma pitada de Flash e um toque de JavaScript para fazer a cópia para o clipboard acontecer.

Exemplo:

Clique no botão abaixo para copiar o texto. Em seguida, cole-o no bloco de notas para verificar se foi copiado corretamente.





html:

	
	<html>
	<head>
		
	</head>
	</body>
		
		

</body> </html>
js:

	
	//set path
	ZeroClipboard.setMoviePath('files/ZeroClipboard.swf');
	
	//create client
	var clip = new ZeroClipboard.Client();
	
	//event
	clip.addEventListener('mousedown',function() {
		clip.setText(document.getElementById('box-content').value);
	});
	clip.addEventListener('complete',function(client,text) {
		alert('copied: ' + text);
	});
	
	//glue it to the button
	clip.glue('copy');

Clique aqui para baixar os arquivos .js e .swf utilizados.




Comentários

Copyright © 2018 Anderson Bravo
www.andersonbravo.com.br
anderson@andersonbravo.com.br