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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM