22 Jun 2013

兼容 ie, firefox, chrome的复制内容到剪切板代码

此方法是从Discuz!里扒出来的。

原理：用 onmouseover 事件往 flash 中传递数据。

JS：

var clipboardswfdata; 
var setcopy_gettext=function(){ 
      clipboardswfdata=document.getElementById('data').value; 
      window.document.clipboardswf.SetVariable('str',clipboardswfdata); 
} 
var floatwin=function(){ 
      alert('copy success, '+clipboardswfdata); 
}

HTML：

<input type="text" name="" value="123456" id="data">
<div id="clipboard_content">
    <span class="clipinner" id="clipinner">点此复制到剪贴板
        <embed name="clipboardswf" class="clipboardswf" id="clipboardswf" onmouseover="setcopy_gettext()" devicefont="false" src="./clipboard.swf" menu="false" allowscriptaccess="sameDomain" swliveconnect="true" wmode="transparent" type="application/x-shockwave-flash" height="20" width="100">
    </span>
</div>

CSS：

.clipinner {position:relative;}
.clipboardswf {position:absolute; left:0; top:0;}

FLASH级demo下载：

点此下载(注意：需要服务器环境支持，本地测试无效)

上一篇：QQ空间魔力日志原理下一篇：常用css media