1. 程式人生 > >複製到剪下板 相容(IE/FF/Chrome/..)

複製到剪下板 相容(IE/FF/Chrome/..)

最近做一個複製到剪下板的功能   在網上找了很多都不好用  

最後發現在了  這篇文章很不錯  簡潔好用   貼出來  希望能幫到更多人

此程式碼修改自 discuz!, 簡易實現

程式碼如下:

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


        
<style type="text/css">
body {font-size:12px;}
.clipinner {position:relative;}
.clipboardswf {position:absolute; left:0; top:0;}
</style>
        
<input type="text" name="data" value="xxxxx11111" 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>

實現稍微有些噁心, 用 onmouseover 事件往 flash 中傳遞資料 
另: 沒有對ie單獨處理, ie中推薦使用 window.clipboardData



另: google code 上有個 zeroclipboard 的專案, 如果想要方便的話, 也可以使用