javascript复制到粘贴板的方案
一、纯javascript实现
思路
1、新建一个输入框input,然后用偏移的方式来"隐藏"到可视区域外; 2、当用户开始复制动作的时候,把要复制的内容放到input内; 3、选中input输入框内的文字(通过DOM的select()方法); 4、执行复制命令(document.execCommand('Copy');); 5、完成,内容已经复制到粘贴板了
代码
<style> #copy_input{ position: absolute; top:-1000px; } </style> <script> $(function(){ $('.click_btn').on('click', function(){ var mytext = '复制的内容'; $('#copy_input').val(mytext); //使用DOM的select()来选中文本内容 $('#copy_input').get(0).select(); document.execCommand('Copy'); }); }); </script> <body> <a class="click_btn">点击复制</a> <input type="text" id="copy_input"> </body>