如何怎样才能 利用js 实现点击复制链接、复制文本、复制文字 的操作

由于最近项目中需要做到用户点击复制按钮，然后要实现点击后把推广链接给复制到用户终端，于是查询了一些资料，最后找到了clipboard这款插件。

1.首先先到github上的开源项目clipboard.js(官网：http://zenorocha.github.io/clipboard.js/) 下载对应插件

2.引入插件

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

3.使用方法

　　<button class="btn btn-info" data-clipboard-text="{$shou_url}">点击复制</button>　　//把要复制的文本放在data-clipboard-text标签内

　　 <script>

 

　　　　var clipboard = new ClipboardJS('.btn');　　//先实例化

　　　　clipboard.on('success', function(e) {

　　　　 　　alert('复制成功');　　//复制成功区间

　　　　});

　　　　clipboard.on('error', function(e) {

　　　　});

　　</script>

4.大功告成，测试pc和移动端都可以使用，微信端也可以匹配。

 

转载于:https://www.cnblogs.com/huoshantian/p/9851574.html