码迷,mamicode.com
首页 > 其他好文 > 详细

复制到剪切板 兼容(IE/FF/Chrome/..)

时间:2015-05-23 22:48:33      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:

最近做一个复制到剪切板的功能   在网上找了很多都不好用  

最后发现在了  这篇文章很不错  简洁好用   贴出来  希望能帮到更多人

原文地址:http://www.lsproc.com/wiki/snippets:copytoclipboard

此代码修改自 discuz!, 简易实现

  1. <script>  

  2. var clipboardswfdata;  

  3.             

  4. var setcopy_gettext = function(){  

  5.     clipboardswfdata = document.getElementById(‘data‘).value;  

  6.     window.document.clipboardswf.SetVariable(‘str‘, clipboardswfdata);  

  7. }  

  8.             

  9. var floatwin = function(){  

  10.     alert(‘copy success, ‘ + clipboardswfdata);  

  11. }  

  12. </script>  

  

  1. <style type="text/css">  

  2. body {font-size:12px;}  

  3. .clipinner {position:relative;}  

  4. .clipboardswf {position:absolute; left:0; top:0;}  

  5. </style>  

  6.           

  7. <input type="text" name="data" value="xxxxx11111" id ="data" />  

  8. <div id="clipboard_content">  

  9. <span class="clipinner" id="clipinner">点此复制到剪贴板  

  10. <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">  

  11. </span>  

  12. </div>  


实现稍微有些恶心, 用 onmouseover 事件往 flash 中传递数据 
另: 没有对ie单独处理, ie中推荐使用 window.clipboardData

复制到剪切板 兼容(IE/FF/Chrome/..)

标签:

原文地址:http://my.oschina.net/hnqingping1255/blog/418968

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!