`

复制功能,基本上支持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
3
分享到:
评论
5 楼 chamcon 2012-09-25  
苏叶晚晚 写道
不行不行。在文章的运行环境中可以,弄到本地就不行。。。。。。。
头疼啊!纠结!

那你是怎么使用的呢?
4 楼 苏叶晚晚 2012-09-25  
不行不行。在文章的运行环境中可以,弄到本地就不行。。。。。。。
头疼啊!纠结!
3 楼 zhangfeikr 2012-04-15  
世界之窗不行啊,https://www.ccc680.com/payonline/index.jsp?mi=108&newsid=10这个里面是可以的,不知道怎么回事?
2 楼 chamcon 2012-03-01  
沙舟狼客 写道
chrome测试不行啊。火狐也不行
版本:zeroclipboard-1.0.7

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

文章里有个复制本文链接,chrome都可以
1 楼 沙舟狼客 2012-02-28  
chrome测试不行啊。火狐也不行
版本:zeroclipboard-1.0.7

相关推荐

    ZeroClipboard支持IE,firefox,Chrome复制到剪贴板

    这个库尤其出色之处在于它支持多种浏览器,包括IE(Internet Explorer)、Firefox和Chrome,这些都是市场上广泛使用的浏览器。ZeroClipboard的工作原理是利用了Adobe Flash技术,因为JavaScript在浏览器的安全限制下...

    支持IE,firefox,Chrome复制到剪贴板的JS+FLASH插件ZeroClipboard下载

    它不仅支持Internet Explorer(早期版本可能需要Flash支持),还支持Firefox、Chrome等现代浏览器。这意味着无论用户使用哪种浏览器,只要他们的系统中安装了Flash插件,就可以享受到复制到剪贴板的便捷功能。这对于...

    js 复制到剪贴板 ,兼容支持火狐firefox 和 ie

    标题 "js 复制到剪贴板 ,兼容支持火狐firefox 和 ie" 涉及的是JavaScript编程中实现文本复制到系统剪贴板的功能,并且这个功能需要在Firefox和IE浏览器上都能正常工作。在Web开发中,允许用户将特定内容复制到剪贴板...

    简单实现兼容各大浏览器的js复制内容到剪切板

    首先,我们遇到的问题是`window.clipboardData.setData`方法只能在IE和Firefox中工作,无法在其他如360浏览器、搜狗浏览器等非主流浏览器中生效。这是因为浏览器之间的差异以及安全限制,导致了跨浏览器的复制功能...

    基于js实现复制内容到操作系统粘贴板过程解析.docx

    然而,对于非IE浏览器,如Chrome、Firefox等,出于安全原因,它们不允许JavaScript直接访问操作系统剪贴板。为了实现跨浏览器的复制功能,我们需要借助外部库。这里有两种流行的解决方案:ZeroClipboard.js和...

    ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)

    ZeroClipboard是一款JavaScript库,它允许你在网页上实现跨浏览器的复制功能,特别是支持Firefox、Chrome以及IE6等浏览器。这个库巧妙地利用了Flash技术,因为Flash具备在多个浏览器上一致的复制粘贴功能。当用户...

    JavaScript实现复制功能各浏览器支持情况实测

    execCommand是一种执行命令的方式,虽然IE支持使用execCommand方法来复制文本,但其他浏览器如Firefox和Chrome则不支持。最后一种是通过TextRange对象实现复制,这种方式不需要先选中文本,而是直接调用execCommand...

    JavaScript使用ZeroClipboard操作剪切板

    ZeroClipboard支持跨浏览器,包括Chrome, Firefox, Internet Explorer, Opera以及Safari。 要使用ZeroClipboard,首先需要在项目中引入相应的JavaScript和Flash文件。文中提供了ZeroClipboard的下载地址,用户可以...

    ZeroClipboards

    常规利用JS编写的网页复制功能只对IE有效 无法做到兼容其它浏览器 ZeroClipboard是利用flash为媒介实现兼容各浏览器复制功能一款jquery插件 测试通过浏览器IE6 8 chrome27 firefox22 safari 5 1 5 opera12 12 通过...

    js插件zClip实现复制到剪贴板功能

    zClip 兼容多种浏览器,包括 IE6+、Firefox、Chrome、Safari 和 Opera。 ### 二、zClip 工作原理 zClip 使用 Flash 对象作为桥梁,实现了 JavaScript 与系统剪贴板之间的交互。当用户点击按钮时,zClip 会调用 ...

    JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)

    - 当时常见的浏览器包括IE和Firefox,现在则需要考虑Chrome、Safari、Opera、Edge等多种浏览器的兼容性。 3. 利用Flash实现的ZeroClipboard库 - ZeroClipboard作为一个独立的JavaScript库,通过Flash来实现跨...

    Zero Clipboard

    这个库尤其方便,因为它兼容多种浏览器,包括Internet Explorer、Chrome和Mozilla Firefox等主流浏览器。它的工作原理是利用了Adobe Flash技术,因为JavaScript在浏览器的安全限制下无法直接访问剪贴板。 **主要...

    基于js实现复制内容到操作系统粘贴板过程解析

    然而,对于其他浏览器如Chrome、Firefox等,出于安全考虑,直接通过JavaScript访问系统剪贴板的功能是被禁止的。为了克服这一限制,开发者需要使用第三方插件。目前流行的选择有ZeroClipboard.js和clipboard.js这两...

    兼容所有浏览器的js复制插件Zero使用介绍

    浏览器兼容性意味着一个Web应用能够在不同的浏览器上正常工作,如Chrome、Firefox、Safari、IE等。由于不同浏览器对JavaScript的支持标准和实现存在差异,因此开发者在开发过程中需要特别注意这些差异,以确保网站在...

    js复制网页内容并兼容各主流浏览器的代码

    例如,早期的IE浏览器支持window.clipboardData对象,而对于其他主流浏览器如Firefox、Chrome等,必须使用其他方法来实现这一功能。下面是一个基本的示例,该示例函数仅在IE浏览器中有效,它能够获取当前页面的标题...

    Jquery 复制插件zclip

    它不仅适用于现代浏览器,如Chrome、Firefox、Safari和Edge,还能够处理像IE8及更低版本的老旧浏览器。这是因为zclip利用了Flash技术来绕过浏览器的安全限制,实现对剪贴板的操作。 2. **简单易用**:zclip提供了一...

    nh-copy:在浏览器中复制文本的完整解决方案

    默认情况下,它使用zeroClipboard执行复制操作,如果浏览器不支持Flash,请改用 。 #测试这个例子 bower install 打开index.html。 #支持使用和浏览器。 IE9 + Firefox 41+(在Firefox 41中测试,操作系统:...

    JQuery zClip插件实现复制页面内容到剪贴板

    由于JQuery zClip插件使用了Flash来绕过浏览器的限制,因此它能够兼容大部分主流浏览器,包括但不限于IE、Firefox、Chrome、Safari等。这也是它受欢迎的原因之一,开发者可以减少对浏览器兼容性问题的担忧,专注于...

    UEditor-source

    4. **良好的浏览器兼容性**:它能良好地运行在IE6+、Firefox、Chrome、Safari、Opera等主流浏览器上。 5. **API接口**:提供了一套完整的JavaScript API,方便开发者进行二次开发和功能扩展。 **源码结构分析** 1...

Global site tag (gtag.js) - Google Analytics