插件描述：clipboard.js 实现了纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+
clipboard.js
之前一直在使用ZeroClipboard来复制，可是在新版chrome以及大多数浏览器开始屏蔽lash，这时我们得用其它方法，clipboard.js的出现很好的解决了这个问题，它不但体积小，使用也非常的方便几行代码即可完成，可以实现纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。
使用方法
下载clipboard.min.js，并在页面中引用
<!-- clipboard Script --> <script type="text/javascript" src="script/clipboard.min.js"></script>
在script中写实例化语句：
<script type="text/javascript">
$(document).ready(function(){
var clipboard = new Clipboard('.btn');
}
</script>写页面按钮，实现点击按钮复制指定内容
<button class="btn" data-clipboard-text="http://www.jq22.com/">点击复制</button>
当然，clipboard.js还可以实现多种复制或剪切效果。具体用法参看下载文件中的demo。
PREVIOUS:
NEXT:
相关插件-独立的部件
讨论这个项目（19）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
chengliting 0
2018/11/22 15:28:25
-
需要点击两次才能复制成功是为什么
chenjingxia0
2021/2/7 16:34:14
-
顺序错了，你点的第一次是初始化，第二次是复制，实际上需要在点击之前就得初始化完成。
qzuser 0
2017/10/9 10:16:05
复制标签只能用button吗??span好像不可以.
西瓜0
2018/2/26 1:41:41
可以使用但是需要在标签中加入
data-clipboard-action="cut" data-clipboard-target="#bar"
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
