zclip

1,引用jQuery 以及 jquery.zclip.min.js <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/zclip/1.1.2/jquery.zclip.min.js"></script> 2,html格式 <input type="text" value="www.sitejs.cn" id="link"> <span id="copyBtn">复制链接</span> 3,js调用 $('#copyBtn').zclip({ path: "ZeroClipboard.swf", copy: function(){ return $('#link').val(); 　　　 　　}, afterCopy:function(){ alert('复制成功'); } }); 来源： oschina 链接： https://my.oschina.net/u/2393989/blog/3026344

jQuery- zclip 是一个 复制 内容到剪贴板的jQuery插件，使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持，使用时记得电脑安装Adobe Flash Player。 加载jQuery和zClip，地址请根据各自的存放地址做相应修改。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.zclip.min.js"></script> js实现点击复制的代码（本地测试无法使用，上传到服务器测试） $(function(){ $('#copy_input').zclip({ path: 'js/ZeroClipboard.swf', copy: function(){ //复制内容 return $('#mytext').val(); }, afterCopy: function(){ //复制成功 $("<span id='msg'/>").insertAfter($('#copy_input')).text('复制成功'); } }); }); 需要注意 如果是复制的内容来自输入框input、textarea等，copy对象使用： copy: