先去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>
相关推荐
这个库尤其出色之处在于它支持多种浏览器,包括IE(Internet Explorer)、Firefox和Chrome,这些都是市场上广泛使用的浏览器。ZeroClipboard的工作原理是利用了Adobe Flash技术,因为JavaScript在浏览器的安全限制下...
它不仅支持Internet Explorer(早期版本可能需要Flash支持),还支持Firefox、Chrome等现代浏览器。这意味着无论用户使用哪种浏览器,只要他们的系统中安装了Flash插件,就可以享受到复制到剪贴板的便捷功能。这对于...
标题 "js 复制到剪贴板 ,兼容支持火狐firefox 和 ie" 涉及的是JavaScript编程中实现文本复制到系统剪贴板的功能,并且这个功能需要在Firefox和IE浏览器上都能正常工作。在Web开发中,允许用户将特定内容复制到剪贴板...
首先,我们遇到的问题是`window.clipboardData.setData`方法只能在IE和Firefox中工作,无法在其他如360浏览器、搜狗浏览器等非主流浏览器中生效。这是因为浏览器之间的差异以及安全限制,导致了跨浏览器的复制功能...
然而,对于非IE浏览器,如Chrome、Firefox等,出于安全原因,它们不允许JavaScript直接访问操作系统剪贴板。为了实现跨浏览器的复制功能,我们需要借助外部库。这里有两种流行的解决方案:ZeroClipboard.js和...
ZeroClipboard是一款JavaScript库,它允许你在网页上实现跨浏览器的复制功能,特别是支持Firefox、Chrome以及IE6等浏览器。这个库巧妙地利用了Flash技术,因为Flash具备在多个浏览器上一致的复制粘贴功能。当用户...
execCommand是一种执行命令的方式,虽然IE支持使用execCommand方法来复制文本,但其他浏览器如Firefox和Chrome则不支持。最后一种是通过TextRange对象实现复制,这种方式不需要先选中文本,而是直接调用execCommand...
ZeroClipboard支持跨浏览器,包括Chrome, Firefox, Internet Explorer, Opera以及Safari。 要使用ZeroClipboard,首先需要在项目中引入相应的JavaScript和Flash文件。文中提供了ZeroClipboard的下载地址,用户可以...
常规利用JS编写的网页复制功能只对IE有效 无法做到兼容其它浏览器 ZeroClipboard是利用flash为媒介实现兼容各浏览器复制功能一款jquery插件 测试通过浏览器IE6 8 chrome27 firefox22 safari 5 1 5 opera12 12 通过...
zClip 兼容多种浏览器,包括 IE6+、Firefox、Chrome、Safari 和 Opera。 ### 二、zClip 工作原理 zClip 使用 Flash 对象作为桥梁,实现了 JavaScript 与系统剪贴板之间的交互。当用户点击按钮时,zClip 会调用 ...
- 当时常见的浏览器包括IE和Firefox,现在则需要考虑Chrome、Safari、Opera、Edge等多种浏览器的兼容性。 3. 利用Flash实现的ZeroClipboard库 - ZeroClipboard作为一个独立的JavaScript库,通过Flash来实现跨...
这个库尤其方便,因为它兼容多种浏览器,包括Internet Explorer、Chrome和Mozilla Firefox等主流浏览器。它的工作原理是利用了Adobe Flash技术,因为JavaScript在浏览器的安全限制下无法直接访问剪贴板。 **主要...
然而,对于其他浏览器如Chrome、Firefox等,出于安全考虑,直接通过JavaScript访问系统剪贴板的功能是被禁止的。为了克服这一限制,开发者需要使用第三方插件。目前流行的选择有ZeroClipboard.js和clipboard.js这两...
浏览器兼容性意味着一个Web应用能够在不同的浏览器上正常工作,如Chrome、Firefox、Safari、IE等。由于不同浏览器对JavaScript的支持标准和实现存在差异,因此开发者在开发过程中需要特别注意这些差异,以确保网站在...
例如,早期的IE浏览器支持window.clipboardData对象,而对于其他主流浏览器如Firefox、Chrome等,必须使用其他方法来实现这一功能。下面是一个基本的示例,该示例函数仅在IE浏览器中有效,它能够获取当前页面的标题...
它不仅适用于现代浏览器,如Chrome、Firefox、Safari和Edge,还能够处理像IE8及更低版本的老旧浏览器。这是因为zclip利用了Flash技术来绕过浏览器的安全限制,实现对剪贴板的操作。 2. **简单易用**:zclip提供了一...
默认情况下,它使用zeroClipboard执行复制操作,如果浏览器不支持Flash,请改用 。 #测试这个例子 bower install 打开index.html。 #支持使用和浏览器。 IE9 + Firefox 41+(在Firefox 41中测试,操作系统:...
由于JQuery zClip插件使用了Flash来绕过浏览器的限制,因此它能够兼容大部分主流浏览器,包括但不限于IE、Firefox、Chrome、Safari等。这也是它受欢迎的原因之一,开发者可以减少对浏览器兼容性问题的担忧,专注于...
4. **良好的浏览器兼容性**:它能良好地运行在IE6+、Firefox、Chrome、Safari、Opera等主流浏览器上。 5. **API接口**:提供了一套完整的JavaScript API,方便开发者进行二次开发和功能扩展。 **源码结构分析** 1...