JavaScript | 文本复制工具clipboard.js的使用详解

2024-6-26

1. 什么是clipboard.js？

简而言之，就是现代化的文本复制工具，不依赖Flash，不不赖框架，压缩后仅3kb大小。

2. 使用

使用的时候，只需要使用script命令，引入该文件即可：

<script src="dist/clipboard.min.js"></script>

3.例子

<button class="btn">点此复制链接</button>
<script src="dist/clipboard.min.js"></script>
<script>
    var clipboard = new ClipboardJS('.btn', {
        text: function() {
            return '这里是复制内容';
        }
    });
 
    clipboard.on('success', function(e) {
         //复制成功
        console.log(e);
    });
 
    clipboard.on('error', function(e) {
	//复制失败
        console.log(e);
    });
    </script>