js实现复制到剪切板,兼容所有浏览器
2015-05-21 00:00
316 查看
做项目需要,以为很简单,却找了很久,大多是相同的,还有些看不太懂,最后终于找到了一个叫做ZeroClipboard的东西,其实网上一搜就有,但是自己搞却不能用,苦闷折腾了几天,终于发现这个东西必须要部署在服务器上才有效果!本地文件那样打开是没效果的!还有一点坑爹的,如果把复制按钮放到td标签中是会失效的!!折腾啊!
这东西用到平常用不到的两个东西,一个jquery.zclip.js和ZeroClipboard.swf,下面是例子:
提示:必须放在服务器,本地没效果最终提示:
td标签中的元素无效
jquery.zclip.js和ZeroClipboard.swf下载
这东西用到平常用不到的两个东西,一个jquery.zclip.js和ZeroClipboard.swf,下面是例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>点击复制到剪切板</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.zclip.js"></script> <script type="text/javascript"> $(document).ready(function() { var summary='要复制的文本'; if(window.clipboardData){ $('#copy_button').click(function(){ window.clipboardData.setData('text', summary); alert("已成功复制到剪切板!"); }); }else{ $('#copy_button').zclip({ path:'ZeroClipboard.swf', copy:function(){return summary;}, afterCopy:function(){alert("已成功复制到剪切板!");} }); } }); </script> </head> <body> <input id="copy_button" type="button" value="wefwefwef"/> </body> </html>
提示:必须放在服务器,本地没效果最终提示:
td标签中的元素无效
jquery.zclip.js和ZeroClipboard.swf下载
相关文章推荐
- js实现复制到剪切板功能,兼容所有浏览器
- js实现复制到剪切板,兼容所有浏览器
- 简单实现兼容各大浏览器的js复制内容到剪切板
- JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- 简单实现兼容各大浏览器的js复制内容到剪切板
- js实现复制到剪贴板功能,兼容所有浏览器
- 《JS实现复制内容到剪贴板功能,可兼容所有PC浏览器,不兼容手机端》
- js实现复制到剪贴板功能,兼容所有浏览器
- 【原】js实现复制到剪贴板功能,兼容所有浏览器
- 【转】js实现复制到剪贴板功能,兼容所有浏览器
- js实现复制到剪贴板功能,兼容所有浏览器
- JS实现复制到剪贴板(兼容FF/Chrome/Safari所有浏览器)
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- js实现点击复制当前文本到剪贴板功能(兼容所有浏览器)
- JS实现复制到剪贴板功能,兼容所有浏览器
- 【转】js实现复制到剪贴板功能,兼容所有浏览器
- js 实现复制到剪切板 复制按钮兼容各大浏览器
- js实现复制到剪贴板功能,兼容所有浏览器-下载下来demo一看就明白了
- 【原】js实现复制到剪贴板功能,兼容所有浏览器