ZeroClipboard插件复制到粘贴板

所属分类：其他-杂项

35644 318 查看评论 (14)

分享到微信朋友圈

查看演示立即下载

插件描述：适用于bootstrap的跨浏览器的复制到粘贴板的插件

注意:
ZeroClipboard在本地磁盘上测试无法使用，必须在服务器上测试,如http://localhost...
或者更改flash的安全设置:右键 - 全局设置 - 高级 - 受信任位置设置 - 添加 - 添加文件夹(把含有ZeroClipboard.swf的文件添加进去)，设置以后就可以在本地测试了...

像纸一样展开的效果

超强兼容的滑动显示条

css3画板

使用html+css3+js模拟画板，提供绘画线条，矩形，圆形等功能

杂项

29061 338

注册分步骤表单

杂项

58914 621

Jquery 二维码美化（高度定制）

Jquery 二维码生成插件，高度定制

杂项

57958 428

ZeroClipboard插件复制到粘贴板

适用于bootstrap的跨浏览器的复制到粘贴板的插件

杂项

35645 318

讨论这个项目（14）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

水晶杯溢满青春的缱绻 0

2018/12/15 16:49:22

CLANNAD 0

2017/4/10 17:03:56

为什么我的只能支持到ie9啊，有一种被骗了的感觉啊~

小采 0

2016/7/6 17:07:29

为什么每次复制都是第一个div的内容，我用的$(this).html()不应该是点击那个div的内容吗？

<div class="copyContent2">DIV的内容2<img src="kefu1.jpg"></div>
<div class="copyContent2">DIV的内容3</div>
<div class="copyContent2" href="javascript:void(0)">复制textarea4</div>
<textarea class="copyContent" rows="5" cols="100"></textarea>

<script src="http://cdn.bootcss.com/zclip/1.1.2/jquery.zclip.min.js"></script>
<script>$(function() {
    $('.copyContent2').zclip({
      path: 'http://cdn.bootcss.com/zclip/1.1.2/ZeroClipboard.swf',
      copy: function() { //复制内容return $(this).html(); },afterCopy: function(){ //复制成功 alert('复制成功'); }   });}); 
</script>

小采 0

2016/7/6 17:07:37

<div class="copyContent2">DIV的内容2
  <img src="kefu1.jpg"></div>
<br>

<div class="copyContent2">DIV的内容3</div>
<br>

<div class="copyContent2" href="javascript:void(0)">复制textarea4</div>
<br>

<textarea class="copyContent" rows="5" cols="100"></textarea>
<script src="http://cdn.bootcss.com/zclip/1.1.2/jquery.zclip.min.js"></script>
<script>/** *需要在服务器上才能正常使用， *单纯的网页没有效果， *要放服务器上才有效果 **/
  $(function() {
    $('.copyContent2').zclip({
      path: 'http://cdn.bootcss.com/zclip/1.1.2/ZeroClipboard.swf',
      copy: function() { //复制内容 return $(this).html(); },afterCopy: function(){ //复制成功 alert('复制成功'); } }); }); 
</script>

为什么每次复制都是第一个div的内容，我用的$(this).html()不应该是点击那个div的内容吗