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

<style type="text/css">
 body { font-family:arial,sans-serif; font-size:9pt; }
 .copyit {text-align:center; border:1px solid #FD6001; background-color:#ED730B; margin:10px; padding:2px 5px; cursor:pointer; font-size:12px; border-radius:3px;}
 .copyit.hover { background-color:#FD6001;}.copyit.active { background-color:#d25102;}/*鼠标hover效果,实为调用setCSSEffects()方法*/
 .copy_info{width:260px;height:100px;border:1px solid #ccc;padding:5px;}
</style>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">

上面的实现方法，除了ie6使用window.clipboardData.setData来实现复制功能外，其它浏览器都用Zero Clipboard 插件来实现复制功能！
使用该插件时应注意的几点：
1、以上 ZeroClipboard.js, ZeroClipboard.swf需要放在同一路径下。如果不在同一路径，可使用ZeroClipboard.setMoviePath( “Flash路径” );来设置ZeroClipboard.swf 地址。
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 );