JavaScript复制内容到粘贴板

JavaScript复制内容到粘贴板；
AngularJS复制内容到粘贴板；
VueJS复制内容到粘贴板；
其实都一样啦~ 支持大多数主流浏览器

使用的库：

clipboard.js

项目地址：clipboard.js

官方文档已经很好使了，提供方案比较多，我用AngularJS举一个最简单的例子，3~4行代码完成：

1. 引入相关js

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>

我用的第三方cdn上的。

2. 实例化class

new Clipboard('.copy-address-btn'); //里面的class名是自定义的

在AngularJS中是在HTML元素.copy-address-btn所属的ng-controller对应的js中实例化的，Vue类推；JQuery在$(function)中。

3. 在HTML中加入点击的btn

使用clipboard中的关键字：data-clipboard-text
其他关键字用法见官网。

<!-- span是用来展示需要复制的信息，此处根据业务需求定制 -->
<span>{{angular-val}}</span>
<button class="copy-address-btn" data-clipboard-text={{angular-val}}>copy</button>

效果图：

Demo

有点丑，不要介意。

End~