如何怎样才能 利用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和移动端都可以使用,微信端也可以匹配。

 

posted @ 2018-10-25 17:49  火山田  阅读(6797)  评论(0编辑  收藏  举报