1. 程式人生 > >js插件實現一鍵復制功能

js插件實現一鍵復制功能

boa http nbsp 剪貼板 err 需要 下載 目標 nor

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("對不起,您的瀏覽器暫不支持一鍵復制功能!");
   });

  

js插件實現一鍵復制功能