当前位置: 代码迷 >> PB >> 复制功能,基本下支持IE/Firefox/Chrome等所有浏览器【Zeroclipboard.js使用教程】
  详细解决方案

复制功能,基本下支持IE/Firefox/Chrome等所有浏览器【Zeroclipboard.js使用教程】

热度:226   发布时间:2016-04-29 07:59:17.0
复制功能,基本上支持IE/Firefox/Chrome等所有浏览器【Zeroclipboard.js使用教程】

先去ZeroClipboard官方下载代码包,官方地址是http://code.google.com/p/zeroclipboard/

1.0.7版本下载地址:http://zeroclipboard.googlecode.com/files/zeroclipboard-1.0.7.tar.gz

将其解压,得到ZeroClipboard.js和ZeroClipboard.swf

?

使用步骤:

1、先引入ZeroClipboard.js。

?

2、然后使用方法,在你的函数里面这样用:

?

ZeroClipboard.setMoviePath("这里填写ZeroClipboard.swf文件的路径");var clip = new ZeroClipboard.Client(); // 新建一个对象clip.setHandCursor(true); // 设置鼠标为手型clip.setText("你需要复制copy的文本");clip.glue("btnCopy"); //与复制按钮关联,这里的btnCopy是关联对象的id,必须和第3步中的html对象的id相同
//下面这些代码可选
clip.addEventListener( "load", function(client) {   	client.movie.title="复制本文链接";});//鼠标移上时改变按钮的样式 clip.addEventListener( "mouseOver", function(client) {   	document.getElementById("btnCopy").style.cssText="color:#FF6600;";}); //鼠标移除时改变按钮的样式clip.addEventListener( "mouseOut", function(client) {    		document.getElementById("btnCopy").style.cssText=""; });//这个是复制成功后的提示clip.addEventListener( "complete", function(){    alert("本文链接复制成功!"); });
?

3、在页面加入你的复制按钮,我这里使用的链接a标签,也可以是其他html对象

?

<a href="javascript:void(0);" id="btnCopy" title="复制本文链接">复制本文链接</a>
?

?

1 楼 沙舟狼客 2012-02-28  
chrome测试不行啊。火狐也不行
版本:zeroclipboard-1.0.7
2 楼 chamcon 2012-03-01  
沙舟狼客 写道
chrome测试不行啊。火狐也不行
版本:zeroclipboard-1.0.7

可以啊 你试试这里的复制功能:https://www.ccc680.com/payonline/index.jsp?mi=108&newsid=10

文章里有个复制本文链接,chrome都可以
3 楼 zhangfeikr 2012-04-15  
世界之窗不行啊,https://www.ccc680.com/payonline/index.jsp?mi=108&newsid=10这个里面是可以的,不知道怎么回事?
4 楼 苏叶晚晚 2012-09-25  
不行不行。在文章的运行环境中可以,弄到本地就不行。。。。。。。
头疼啊!纠结!
5 楼 chamcon 2012-09-25  
苏叶晚晚 写道
不行不行。在文章的运行环境中可以,弄到本地就不行。。。。。。。
头疼啊!纠结!

那你是怎么使用的呢?
  相关解决方案