Comment créer un bouton "Copier"?

Question

Ok que vous avez ceci:

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

valeur de cette entrée est générée dynamiquement.

Maintenant, un utilisateur peut double-cliquer sur cette entrée pour sélectionner la valeur, ctrl + c pour copier.

J'ai également trouvé que, avec javascript, vous pouvez sélectionner la valeur de l'entrée avec "clic".

Mais quand il s'agit de créer un bouton qui, une fois cliqué copiera la valeur de cette entrée dans le presse-papiers de l'OS - j'ai trouvé seulement des solutions qui fonctionnent avec Flash.

Maintenant, je veux savoir comment puis-je créer ce bouton avec javascript? Ofc si c'est possible ... :)

Answer 1

Considérant les implications (en particulier les problèmes de sécurité), la copie vers/à partir du presse-papiers n'est pas quelque chose qui est tout à fait permis/facile.

Ces questions/answsers pourraient vous aider, à ce sujet:

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

Dans chaque cas, il semble que la solution est d'utiliser un petit fichier .swf - - ce qui signifie travailler avec flash (peut-être une ancienne version de flash, en fait) ...

Par exemple, vous pouvez jeter un oeil à la bibliothèque Zero Clipboard (Yeap, flash ...): bibliothèque

Le Presse-papiers zéro fournit un moyen facile de copier du texte dans le presse-papiers en utilisant un film invisible Adobe Flash, et une interface JavaScript. Le "zéro" signifie que la bibliothèque est invisible et l'interface utilisateur est laissé entièrement à vous.

Cette bibliothèque est entièrement compatible avec Flash Player 10, qui exige que la copie du presse-papiers opération soit initiée par un événement click utilisateur à l'intérieur l'animation Flash. Ceci est réalisé par flottant automatiquement le film invisible sur un élément DOM de votre choix .

En pur Javascript, il semble possible dans Internet Explorer, mais pas dans d'autres navigateurs ...