js实现复制到剪贴板 clipboard.js的基本使用 jquery

首先clipboard.js官网，朴实无华的js插件

官网上有第三方CDN提供商的链接，在里面选一个cdn引入

<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>

官网上有基本的使用方法，但是经过实际测试会出现报错，下面贴出修改后的用法

html

<input type="text" id="input" name="dgtsmrythree" readonly>
<button id="copybtn" data-clipboard-target="#input" type="button">复制</button>

js

var clipboard = new ClipboardJS('#copybtn');
clipboard.on('success', function(e) { //复制成功后的回调
    console.log(e);
});
clipboard.on('error', function(e) { //复制失败后的回调
    console.log(e);
});

这只是从input的value中复制内容，更多的用法我参考的这篇博客：https://blog.youkuaiyun.com/hry2015/article/details/70941912