js实现剪贴板复制粘贴

使用第三方插件:clipboard.js
通过使用HTML5实现浏览器之间的通用性,兼容性
简单复制用法如下(此处样式使用 bootstrap):

 ```
     <div id="copy" data-clipboard-text="This is a copy test">
         <button type="button" class="btn btn-default"><i class=fa fa-download" aria-hidden="true"></i>Copy</button>
     </div>
     
     <#-- optional javascript code -->
     <script type="text/javascript">
         var clipboard = new ClipboardJS('#copy');
         clipboard.on('success', function(e) {
             console.log('Copy success!!!');
         });
         
         clipboard.on('error', function(e) {
             console.log('Copy error!!!');
         });
     </script>
 ```

详细使用方法请参考example-text

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,765评论 0 16
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,801评论 1 45
  • 在和人交往的过程中,我们学到某些法则、某种言之有理的说法,但一定要有灵活性,因为每个人是不同的,不能把人际交往的法...
    无恙_1813阅读 142评论 0 0
  • 梧桐夜雪 北风渐侵貂裘寒, 小舟轻系芙蓉浦。 欲邀佳人迟滞远, 不负雪影入芦花。 备注:本人家乡梧桐镇
    耶楚雅南阅读 242评论 0 1