js 剪切文本使用 clipboardjs

官网地址:http://www.clipboardjs.cn/

引入clipboard.js:clipboard.js

 

1、dom写法

data-clipboard-text(你要复制的内容)

<div data-clipboard-text="啦啦啦" class="copy">一键复制</div>
 
2、js写法
var btns = document.querySelectorAll('.copy');
//实例化ClipboardJS 对象传入,复制的按钮
var clipboard = new ClipboardJS(btns);

    clipboard.on('success', function (e) {
        console.log("复制成功回调")
    });

    clipboard.on('error', function (e) {
        console.log("复制失败回调")
    });

3、更多使用方法,查看官网

posted @ 2020-05-27 17:21  男孩亮亮  阅读(193)  评论(0编辑  收藏  举报