jQuery实现复制到粘贴板功能
更新时间：2017年02月11日 08:42:06 作者：乖乖脸很大
这篇文章主要为大家详细介绍了jquery实现复制到粘贴板功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
项目中突然需要使用复制功能，在网上搜索了下看到了ZeroClipboard插件，好用，但是也有局限。用法如下：
1、引用jquery、zclip.js、swf文件。
demo地址：https://github.com/chaoli920029342/jquery_copy
2、初始化
<body>
<input type="text" name="text" id="text" value="http://www.baidu.com" />
<a href="javascript:void(0)" rel="external nofollow" id="dynamic">复制</a>
<script type="text/javascript">
$(document).ready(function(){
$("#dynamic").zclip({
path:'ZeroClipboard.swf',
copy:$('#text').val(),
beforeCopy:function(){
//some code
},
afterCopy:function(){
alert($("#text").val());
}
});
//beforeCopy afterCopy 是可选项
});
</script>
</body>
注：
1、需在服务器上运行 localhost
2、js+swf实现，文件需要同时引入。 ZeroClipboard提供一个透明的flash，用于和剪切版交互，当点击页面上的“复制”按钮时，将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 需保证该flash被正确加载即可。
3、可兼容各大浏览器
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
公司网站目前的访问用户中使用IE6.0的站50%以上,所以必需兼容IE6.0,使用jquery在IE6.0中设置下拉框时会有以下一些问题2010-04-04
jQuery 1.4 最近刚刚发布. 这个版本可不是一个简单的改进,它不仅包含了很多新的特性，还改进了很多功能, 更在性能优化方面下了很大功夫, 本文将对这些新的特性和增强的部分进行讨论,希望能对你有所帮助.2010-01-01
这里以jquery异步获取的数据类型——json对象和字符串为依据，分别介绍两种方式获取到的结果处理方式2014-07-07
Jquery中offset()和position()的区别分析
这篇文章主要介绍了Jquery中offset()和position()的区别,实例分析了offset()与position()的使用的技巧与区别,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
本文主要介绍了JQuery的基本知识，如：JQuery的dom操作，动态创建dom节点，删除节点，document方法等等，文章篇尾处附上实例小练习。需要的朋友可以参考下2016-12-12
这篇文章主要介绍了Jquery如何通过JSON字符串创建JSON对象,并附详细示例，需要的朋友可以参考下2014-08-08
这篇文章主要介绍了JQuery中使文本框获得焦点的方法,实例分析了jQuery针对文本框获得焦点的技巧,需要的朋友可以参考下2015-02-02
input file样式修改以及图片预览删除功能详细概括（推荐）
这篇文章主要介绍了input file样式修改以及图片预览删除功能，input file 按钮改成自己想要的样式以及.图片预览功能的实现，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。2017-08-08
可以让指定的层浮动到网页上的任何位置，当滚动条滚动时它会保持在当前位置不变，不会产生闪动2008-12-12
这是一款由jquery开发的导航菜单。适合放在门户网站的个人用户中心后台。效果和美观都非常不错2014-09-09
最新评论