js插件實現一鍵復制功能


clipboard.js 可以實現純 JS 的從瀏覽器復制文本到系統剪貼板的功能。

使用方法:

  1. 下載 clipboard.js,並在頁面中引入該插件。clipboard.js 下載地址: https://github.com/zenorocha/clipboard.js

<script src="/lib/js/clipbaord.js"></script>

  2. 需要復制的目標文本

<span id="tar_text" >我是一段需要被復制的文本</span>

  3. 復制按鈕(注:此處需要給觸發復制時間的按鈕添加兩個屬性,data-clipboard-action 及 data-clipboard-target,data-clipboard-target的屬性值為目標文本的 id 值)

 <button  id="copy" data-clipboard-action="copy" data-clipboard-target="#tar_text">Copy My Invitation Address</button>

  4. 實例化 Clipboard 對象

  var clipboard = new Clipboard('#copy');
   clipboard.on('success', function (e) {
        alert("復制成功!");
   });
   clipboard.on('error', function (e) {
        alert("對不起,您的瀏覽器暫不支持一鍵復制功能!");
   });

 

  

 


免責聲明!

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



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