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