纯js实现复制到剪贴板

时间:2021-02-26 19:36:40

自己在维护的一个站点很坑爹,复制到剪切板功能只能在老版本的火狐上使用。这里我简单记录下自己改造的过程。

使用的组件
Github:
https://github.com/zenorocha/clipboard.js
使用的组件

引入js文件

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

前端css样式

<button class="js-copy" >复制到剪切板</button>

编写js

<script>
var clipboard = new Clipboard('.js-copy', {
text: function() {
//复杂的计算、提取
return '这里被复制的内容';
}
});
</script>

【参考文章】http://www.cnblogs.com/52fhy/p/5383813.html