最近在一个后台系统中要实现复制功能,折腾了我一天多,要在IE,火狐,谷歌浏览器都能实现复制成功,采取 Zero Clipboard,首先要下载ZeroClipboard.js和ZeroClipboard.swf文件,可以到网上搜索下载,
我是采取在一个层中复制,如图:层的代码<!-- 浮动DIV (提取链接) -->
<div style="display: none; position: absolute; z-index: 0; width:450px; top: 272px; left: 400px;" class="box div-th div-td" id="showLinksInfo">
点击复制按钮是就可以复制到剪切板:代码如下: \
<button type="button" id="btnCopy" onmouseOver="toClipboard(this.id,'input_text')">复制</button>
//复制到剪切板 function toClipboard(copy_id,input_id) { //这步很重要,设定flash文件引用路径。 ZeroClipboard.setMoviePath('/static/js/report/ZeroClipboard.swf'); var clip = new ZeroClipboard.Client(); clip.setHandCursor(true); var copyText = document.getElementById('showLinks_info').innerHTML; clip.setText(copyText); clip.addEventListener('complete', function (client) { alert("成功复制到剪切板!"); }); clip.glue(copy_id); }
参考链接:http://blog.csdn.net/sugang_ximi/article/details/6632743