使用clipboard js实现页面内容复制到剪贴板

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

clipboard.js是一个github上的开源项目，可以实现纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。

1、访问clipboard.js项目主页——https://github.com/zenorocha/clipboard.js

2、下载clipboard.min.js，并在页面中引用

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

3、在script中写实例化语句：

<script type="text/javascript">  $(document).ready(function(){   var clipboard = new Clipboard('.btn');}</script>

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

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

当然，clipboard.js还可以实现多种复制或剪切效果。具体用法参看github项目主页即可。

           

给我老师的人工智能教程打call！http://blog.youkuaiyun.com/jiangjunshow