¿Cómo crear el botón "Copiar"?

Question

Ok supongamos que tiene esto:

<input id="test" value="" /> 

Valor de la entrada que se genera dinámicamente.

Ahora, un usuario puede hacer doble clic en esa entrada para seleccionar el valor, ctrl + c para copiar.

También encontré que con javascript puede seleccionar el valor de entrada con "clic".

Pero cuando se trata de crear un botón que al hacer clic se copiará el valor de esa entrada en el portapapeles del sistema operativo - he encontrado solo soluciones que funcionan con Flash.

Ahora quiero saber cómo puedo crear ese botón con javascript? Ofc si es posible ... :)

Answer 1

Teniendo en cuenta las implicaciones (especialmente cuestiones de seguridad), copiar en/desde el portapapeles no es algo que esté muy permitido/fácil.

Esas preguntas/answsers podrían ayudar, por eso:

• How to Copy to Clipboard in Javascript
• Is it possible to read the clipboard in firefox, safari and chrome using javascript?

En cada caso, parece que la solución es utilizar algún archivo .swf poco - - lo que significa que funciona con flash (tal vez alguna versión anterior de flash, en realidad) ...

Por ejemplo, podría echar un vistazo en el Zero Clipboard biblioteca (yeap, flash ...):

La biblioteca cero portapapeles proporciona una manera fácil para copiar texto en el portapapeles usando una película de Flash invisible, y una interfaz de JavaScript. El "cero" significa que la biblioteca es invisible y la interfaz de usuario es totalmente dependiente de usted.

Esta biblioteca es totalmente compatible con Flash Player 10, que requiere que la operación de copia portapapeles ser iniciada por un evento de usuario haga clic en el interior la película Flash. Esto se logra mediante flotando automáticamente la película invisible encima de un elemento DOM de su elección .

En puro Javascript, que parece ser posible en Internet Explorer, pero no en otros navegadores ...