Loading

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

作者:kevin   分类:前端乱炖   标签:兼容  剪切板    

此方法是从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下载:
点此下载(注意:需要服务器环境支持,本地测试无效)