clipboard.js 可以實現純 JS 的從瀏覽器複製文本到系統剪貼板的功能。 使用方法: 1. 下載 clipboard.js,併在頁面中引入該插件。clipboard.js 下載地址: https://github.com/zenorocha/clipboard.js 2. 需要複製的目標文 ...
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("對不起,您的瀏覽器暫不支持一鍵複製功能!");
});