JavaScript复制内容到粘贴板

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

使用的库:

JavaScript复制内容到粘贴板_第1张图片
clipboard.js

项目地址:clipboard.js

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

1. 引入相关js

我用的第三方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
其他关键字用法见官网。


{{angular-val}}

效果图:

Demo

有点丑,不要介意。

End~

你可能感兴趣的:(JavaScript复制内容到粘贴板)