目录

clipboard.js文字复制

将文本复制到剪贴板的现代方法,没有Flash,没有框架。

官网地址:https://clipboardjs.com/

资源引入

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.1/clipboard.min.js"></script>

html部分

<span id="target">我是一段优美的文字</span>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
    复制按钮
</button>

JS部分

var clipboard = new Clipboard('#copy_btn');

clipboard.on('success', function(e) {
    alert("复制成功", 1500);
    e.clearSelection();
    console.log(e.clearSelection);
});
clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
});