跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

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

但是值得注意的是官方介绍中已明确表态说这个插件不支持ie6,下面将提供多实例化zero clipboard复制功能的实现及兼容ie6的写法! 先下载ZeroClipboard http://www.jb51.net/jiaoben/24961.html
复制内容

复制内容
上面的实现方法,除了ie6使用window.clipboardData.setData来实现复制功能外,其它浏览器都用Zero Clipboard 插件来实现复制功能! 使用该插件时应注意的几点: 1、以上 ZeroClipboard.js, ZeroClipboard.swf需要放在同一路径下。如果不在同一路径,可使用ZeroClipboard.setMoviePath( “Flash路径” );来设置ZeroClipboard.swf 地址。 立即学习 “ Java免费学习笔记(深入) ”; 2、setCSSEffects() 方法的解析: 当鼠标移到按钮上或点击时,由于有Flash按钮的遮挡,所以复制按钮本身体的 css “:hover”, “:active” 等伪类可能会失效。setCSSEffects() 方法就是解决这个问题。首先我们需要将伪类改成类,比如: 复制代码 代码如下: .copyit:hover{ border-color:#FF6633; } // 需要将":hover"改成下面的".hover" .copyit.hover{ border-color:#FF6633; } 3、getHTML() 方法的解析:如果你想自己实例一个Flash ,不用Zero Clipboard的附着方法,那么这个方法就可以帮上忙了。它接受两个参数,分别为Flash的宽度和高度。返回的是Flash对应的 HTML 代码。例如: var html = clip.getHTML( 150, 20 );

相关文章