如何怎樣才能 利用js 實現點擊復制鏈接、復制文本、復制文字 的操作


由於最近項目中需要做到用戶點擊復制按鈕,然后要實現點擊后把推廣鏈接給復制到用戶終端,於是查詢了一些資料,最后找到了clipboard這款插件。

1.首先先到github上的開源項目clipboard.js(官網:http://zenorocha.github.io/clipboard.js/) 下載對應插件

2.引入插件

  <script src="js/clipboard.min.js"></script>

3.使用方法

  <button class="btn btn-info" data-clipboard-text="{$shou_url}">點擊復制</button>  //把要復制的文本放在data-clipboard-text標簽內

   <script>

 

    var clipboard = new ClipboardJS('.btn');  //先實例化

    clipboard.on('success', function(e) {

       alert('復制成功');  //復制成功區間

    });

    clipboard.on('error', function(e) {

    });

  </script>

4.大功告成,測試pc和移動端都可以使用,微信端也可以匹配。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM