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

剪贴板的功能。

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

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

[html] 
   ​​view plain​​​
    ​​​copy​​ 
 
1. <!-- clipboard Script -->
2. <script type="text/javascript" src="script/clipboard.min.js"></script>

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

[html] 
   ​​view plain​​​
    ​​​copy​​ 
1. <script type="text/javascript">
2. $(document).ready(function(){
3. clipboard = new Clipboard('.btn');
4. }
5. </script>

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

[html] 
   ​​view plain​​​
    ​​​copy​​ 
1. <button class="btn" data-clipboard-text="http://www.hbcloudwide.com/oss/video/7">点击复制</button>

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