Copiar Texto con jQuery

3
39

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

3 COMMENTS

  1. 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?

Comments are closed.