首頁 > web前端 > js教程 > 主體

JS實作複製功能的方法(總結)

青灯夜游
發布: 2020-12-08 17:50:14
轉載
8886 人瀏覽過

本篇文章為大家介紹一些Javascript實作複製功能的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

JS實作複製功能的方法(總結)

Javascript 實作複製功能的方法

一、實作點擊按鈕,複製文字方塊中的的內容


 

登入後複製

 原理:點擊按鈕的時候觸發copyUrl2函數,根據biao1 ID選中對象,然後在根據execCommand複製選中內容,所以此時選擇的內容必須是可視的,也就是說不能是隱藏的文字域。

二、複製專題地址和url 位址,傳給QQ/MSN 上的好友





Js复制代码

登入後複製

三、直接複製url


 
登入後複製

四、點擊文字方塊時,複製文字方塊裡面的內容


登入後複製

五、複製文字方塊或隱藏網域中的內容

登入後複製

六、複製span 標籤中的內容


登入後複製

七、瀏覽器相容copyToClipboard("拷貝內容")

function copyToClipboard(txt) {
      if (window.clipboardData) {
        window.clipboardData.clearData();
        clipboardData.setData("Text", txt);
        alert("复制成功!");
   
      } else if (navigator.userAgent.indexOf("Opera") != -1) {
        window.location = txt;
      } else if (window.netscape) {
        try {
          netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
        } catch (e) {
          alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'");
        }
        var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
        if (!clip)
          return;
        var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
        if (!trans)
          return;
        trans.addDataFlavor("text/unicode");
        var str = new Object();
        var len = new Object();
        var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
        var copytext = txt;
        str.data = copytext;
        trans.setTransferData("text/unicode", str, copytext.length * 2);
        var clipid = Components.interfaces.nsIClipboard;
        if (!clip)
          return false;
        clip.setData(trans, null, clipid.kGlobalClipboard);
        alert("复制成功!");
      }
    }
登入後複製

八、相容各大瀏覽器的複製程式碼(結合ZeroClipboard.js)



Zero Clipboard Test



复制
登入後複製

更多程式相關知識,請造訪:程式設計影片! !

以上是JS實作複製功能的方法(總結)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:liqingbo.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!