Advanced Search

Copiar texto al portapapeles de Windows con JavaScript

/ Published in: JavaScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Documento sin t&iacute;tulo</title>
  6.  
  7.  
  8. <script language="javascript">
  9.  
  10. // Guardamos el nombre del navegador utilizado
  11. var navegador = navigator.appName;
  12.  
  13. /* Definimos el valor de la variable booleana que nos permite mostrar u 
  14. ocultar el mensaje de alerta una vez que el texto es copiado al portapapeles */
  15. var mensaje = true; // Valores posibles: true (se muestra), false (se oculta)
  16.  
  17. // Creamos la función para escribir el enlace que ejecuta el copiado
  18. function compatible () {
  19.  
  20. 	// Si el navegador es IE se ejecuta
  21. 	if (navegador == "Microsoft Internet Explorer") {
  22. 		//Escribimos el enlace en el objeto ID portapapeles
  23. 		document.getElementById('portapapeles').innerHTML = '<a href="javascript:void(0)"'+
  24. 		'onclick="copiaPortapapeles()"> Copiar texto al portapapeles </a>';
  25. 	}
  26.  
  27. 	// De otra manera no escribimos nada
  28. 	else {
  29. 	}
  30.  
  31. } // Fin de la función compatible()
  32.  
  33. // Creamos la función para copiar el texto al portapapeles
  34. function copiaPortapapeles () {
  35.  
  36. 	// Seleccionamos el texto que vamos a copiar
  37. 	document.getElementById("texto").select();
  38. 	// Copiamos el texto al portapapeles de windows
  39. 	window.clipboardData.setData("Text", document.getElementById("texto").value);
  40. 	// Si mensaje es true se ejecuta
  41. 	if (mensaje) {
  42. 		// Mostramos el mensaje de alerta
  43. 		alert('Texto copiado al portapapeles!!!');
  44. 	}
  45.  
  46. } // Fin de la función copiaPortapapeles()
  47.  
  48. // Ejecutamos la función a la carga de la página
  49. window.onload = compatible;
  50.  
  51. </script>
  52.  
  53. </HEAD>
  54.  
  55. <BODY>
  56.  
  57. <!-- Creamos un objeto DIV para escribir el enlace que nos permite copiar 
  58. el texto al portapapeles. -->
  59. <DIV id="portapapeles"></DIV>
  60.  
  61.  
  62. <P>
  63. <!-- Creamos un cuadro, el cual tendrá el texto que vamos a copiar. -->
  64. 	<TEXTAREA rows="10" cols="50" id="texto">
  65. Este texto se copiar&aacute; al portapapeles del sistema.
  66. El Ejemplo JavaScript es compatible con el navegador Internet Explorer,
  67. por lo tanto, si utilizas otro navegador, el enlace que permite copiar el
  68. texto de este textarea al portapapeles no estar&aacute; disponible.
  69. 	</TEXTAREA>
  70. </P>
  71.  
  72. </BODY>
  73.  
  74. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.