ClipboardJS实现将页面内容复制到剪贴板

时间:2022-09-04 19:36:21

简单例子:

1、下载clipboard.min.js,并在页面中引用

      <script type="text/javascript" src="script/clipboard.min.js"></script>  

2、在script中写实例化语句:

  <script type="text/javascript">  

        $(document).ready(function(){  

            var clipboard = new Clipboard('.btn');  

  } 

   </script>  

3、写页面按钮,实现点击按钮复制指定内容

      < button class="btn" data-clipboard-text="http://www.hbcloudwide.com/oss/video/7">点击复制</button>  
 
 
高级调用:

var clipboard = new ClipboardJS('.btn', {
text: function() {
layer.msg('复制成功');
return '复制的内容';
}
});