Copiar Texto con jQuery

Navegando por internet encontre un script de como copiar en el portapapeles simplemente con una función javascript, esta función necesita de un archivo .swf el cual realiza el proceso de copia hacia el portapapeles.

Para este ejemplo utilizaremos jQuery_1.2.6, la descargamos y la incluimos en nuestra pagina html.

<script src="js/jquery-1.2.6.js" type="text/javascript"></script>

Luego abrimos otra etiqueta de script y copiamos este código que es el que realizara el copiado.


(function($) {
    $.copy = function(t) {
    	
        var ruta = "swf/copy.swf"
    	
        if (typeof t == 'undefined') 
        {
            t = '';
        }

        var i = '<embed src="' + ruta + '" FlashVars="clipboard=' ;
         	i += encodeURIComponent(t) ; 
            i += '" width="0" height="0" ';
            i += 'type="application/x-shockwave-flash"></embed>';

        if ($('#flashcopier').length == 0) 
        {
            $('body').append('<div id="flashcopier">' + i + '</div>')
        }
        else 
        {
            $('#flashcopier').html(i)
        }
    }
})(jQuery);

Ahora para probar podemos incluir dentro del body una caja de texto y un link que copie el texto ingresado en la caja.

<input type="text" id="copiame" name="copiame" value="Texto Copiado" /> 
<a href="javascript:$.copy($('#copiame').val())">Copiar Texto</a></div>

Recursos

También te puede interesar

3 Comments

  1. seba64
    ene 05, 2010 @ 12:50:57

    I tested the code and nothing happened.

    I click copy to clipboard button and nothing happened.

    I have firefox version 3.5.5

    What’s Grong?

  2. Jose Miguel
    nov 30, 2010 @ 07:52:18

    No funciona amigo.
    Firefox 3.6.12

  3. daronwolff
    feb 02, 2011 @ 16:51:57

    No funciona en chrome