万能的js复制按钮

这是模仿优酷视频分享的js复制按钮,兼容各种浏览器


  1.  <!--复制按钮js-->  
  2. <script>  
  3. function copyToClipboard(txt) {  
  4.     if (window.clipboardData) {  
  5.         window.clipboardData.clearData();  
  6.         window.clipboardData.setData("Text",document.getElementById(txt).value);  
  7.     } else if (navigator.userAgent.indexOf("Opera") != -1) {  
  8.         //do nothing        
  9.     } else if (window.netscape) {  
  10.         try {  
  11.             netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");  
  12.         } catch (e) {  
  13.             alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'");  
  14.         }  
  15.         var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);  
  16.         if (!clip)   return;  
  17.         var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);  
  18.         if (!trans) return;  
  19.         trans.addDataFlavor('text/unicode');  
  20.         var str = new Object();  
  21.         var len = new Object();  
  22.         var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);  
  23.         var copytext = txt;  
  24.         str.data = copytext;  
  25.         trans.setTransferData("text/unicode", str, copytext.length * 2);  
  26.         var clipid = Components.interfaces.nsIClipboard;  
  27.         if (!clip)   return false;  
  28.         clip.setData(trans, null, clipid.kGlobalClipboard);  
  29.     }  
  30.     alert("你已经成功复制本地址,请直接粘贴推荐给你的朋友!");  
  31. }  
  32. </script>  

*********************************************************************************************

使用:
  1. <!--分享对话框-->  
  2.            <div class="share" >  
  3.   <div class="sharetop"></div>  
  4.   <div class="sharebord">  
  5.   <h4>  分享给站外好友</h4>  
  6. <div class="item"><span class="label">  视频地址 : </span> <input type="text" id="link1" value="http://www.moredoo.com/10002" /><button onclick="javascript:copyToClipboard('link1');">复制</button></div>  
  7. <h4>  把视频贴到Blog或BBS</h4>  
  8.   
  9.   
  10. <div class="item"><span class="label">  flash地址: </span>   
  11. <input type="text" id="link2" value="http://www.moredoo.com/10002" />  
  12. <button onclick="javascript:copyToClipboard('link2');">复制</button></div>  
  13.   
  14.   
  15. <div class="item"><span class="label">  html代码 : </span>   
  16. <input  id="link3" type="text" value='<embed src="http://www.moredoo.com/10002"   
  17.   
  18.   
  19. allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>' />  
  20.   
  21.   
  22. <button onclick="javascript:copyToClipboard('link3');">复制</button></div></div>  
  23.   
  24.   
  25. <div class="sharebutom">  

效果如下



效果:
原文地址:https://www.cnblogs.com/shihao/p/2161267.html