2020-12-20 技术

web端实现复制图文

网页端实现复制图文功能：使用三方库clipboard.js实现, 地址：https://github.com/zenorocha/clipboard.js

使用方式：

1.复制html(图片、文字)

let clipboard = new ClipboardJS('body', {
    target: function() {
        return html;
    },
});
clipboard.on("success", function(e) {
    alert("复制成功");
    e.clearSelection();
    clipboard.destroy();
});
clipboard.on("error", function(e) {
    alert("复制失败");
    e.clearSelection();
    clipboard.destroy();
});
document.body.click();

2.复制文本

let clipboard = new ClipboardJS('body', {
    text: function() {
        return text;
    },
});
clipboard.on("success", function(e) {
    alert("复制成功");
    e.clearSelection();
    clipboard.destroy();
});
clipboard.on("error", function(e) {
    alert("复制失败");
    e.clearSelection();
    clipboard.destroy();
});
document.body.click();