zoukankan      html  css  js  c++  java
  • 万能的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">  

    效果如下



    效果:
  • 相关阅读:
    yii2之依赖注入与依赖注入容器
    MySQL查询性能优化
    MySQL索引(2)
    go es
    es数据操作入门
    es环境搭建
    gRPC接入etcd
    etcd简单介绍
    Go调用NSQ简单实践
    NSQ快速入门实践
  • 原文地址:https://www.cnblogs.com/shihao/p/2161267.html
Copyright © 2011-2022 走看看