Coin163

首页 > 利用jquery.zclip在浏览器里复制内容到剪切板

利用jquery.zclip在浏览器里复制内容到剪切板

相关标签: html 浏览器 jquery jquery插件

相关推荐:jquery或者普通url清除浏览器缓存的方法

前几天在做项目的时候遇到一个诡异的问题:在一个jsp页面上发送一个刷新树的请求,结果调试了下,发现请求状态是200,结果服务端没有收到任何的请求,断点调试根本就没有进来,后想到是浏览器缓存的问题, 于是开始在页面meta标签中添加no-cache结果发现没什

遇到的问题:点击某个按钮复制页面中的某个对象的值 还在在做上传图片那个功能,里面有个功能是:复制图片地址的按钮 为了实现所有浏览器都兼容,网络上搜索发现人家都是用Zero Clipboard来实现复制的

使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。 这个插件是可以实现功能的,但是感觉引用比较复杂,后来发现有jquery.zclip基于Zero Clipboard的flash实现复制,引用更简明易懂,语法跟jquery一样一样的 js插件zClip实现复制到剪贴板功能 jQuery插件:跨浏览器复制jQuery-zclip 基于jquery开发的所以html也是要先引入jquery的 <script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript" src="jquery.zclip.js"></script> 然后再js代码里使用zclip $('#copyBtn').zclip({

path: "ZeroClipboard.swf",

copy: function(){

return $('#link').val();

 }}); 然后我的代码就可以实现点击复制图片地址的功能了 $(this).zclip({

path:'__PUBLIC__/js/jquery.zclip/ZeroClipboard.swf',

copy:function(){

return $(this).parents('div.col-md-3').find('.img').attr('src');

},afterCopy:function(){

},}); jquery.zclip我的备份

原文

遇到的问题:点击某个按钮复制页面中的某个对象的值 还在在做上传图片那个功能,里面有个功能是:复制图片地址的按钮 为了实现所有浏览器都兼容,网络上搜索发现人家都是用Zero Clipboard来实现复制

------分隔线----------------------------