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、可兼容各大浏览器
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
jQuery UI工具提示框部件Tooltip Widget
这篇文章介绍了jQuery UI工具提示框部件Tooltip Widget，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了jquery中map函数遍历数组用法,实例分析了jQuery中map函数遍历数组的相关技巧,并提供了一个自定义遍历数组函数供参考之用,需要的朋友可以参考下2015-05-05
本篇文章主要介绍了利用JQuery制作符合Web标准的QQ弹出消息。这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画2014-01-01
这篇文章主要介绍了jQuery获取父元素节点、子元素节点及兄弟元素节点的方法,结合实例形式总结分析了jQuery节点操作的相关技巧,需要的朋友可以参考下2016-04-04
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable使用。2011-04-04
这篇文章主要介绍了Treegrid的动态加载实例代码的相关资料,需要的朋友可以参考下2016-04-04
JQuery Easyui Tree的oncheck事件实现代码
最近项目中有用到Easyui Tree，我想要checkbox的选中事件，但是api只提供了一个onClick事件，我百度、google之后，额，还是看js吧2010-05-05
这篇文章主要介绍了jQuery实现的网页换肤效果,结合完整实例形式分析了jQuery通过修改link标签的href属性值实现换肤效果的相关技巧,需要的朋友可以参考下2016-09-09
这篇文章主要为大家详细介绍了避免jQuery名字冲突，noConflict()方法，感兴趣的朋友可以参考一下2016-07-07
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
这篇文章主要介绍了基于jquery实现的银行卡号每隔4位自动插入空格的实现代码,需要的朋友可以参考下2016-11-11
最新评论