複製到剪下板 相容(IE/FF/Chrome/..)
阿新 • • 發佈:2019-01-28
最近做一個複製到剪下板的功能 在網上找了很多都不好用
最後發現在了 這篇文章很不錯 簡潔好用 貼出來 希望能幫到更多人
此程式碼修改自 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 的專案, 如果想要方便的話, 也可以使用