JQery插件zClip ----实现粘贴复制功能

 

使用了这个插件，但是用在table,td中话，我是一个列表来的，对此使用此插件还是有点问题的？点击其中的一个会全部都被选中。

<script type="text/javascript" src="web/js/jquery.js"></script>  
<script type="text/javascript" src="web/zclip/jquery.zclip.min.js"></script>  
<script type="text/javascript">  
var cfg={
        path: "ZeroClipboard.swf",
        copy: function(){
        return $(this).text();
        },
        beforeCopy:function(){/* 按住鼠标时的操作 */
            $(this).css("color","orange");
        },
        afterCopy:function(){/* 复制成功后的操作 */
            var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>复制成功</div></div>");
            $("body").find(".copy-tips").remove().end().append($copysuc);
            $(".copy-tips").fadeOut(3000);
        }
    };
$(document).ready(function(){
    $(".copy").mouseover(function(){
       if(!$(this).data('init')){$(this).zclip(cfg);$(this).data('init',true)}
  })
});
</script>
 
<div class="copy" >内容一</div>
<div class="copy">内容二</div>
<div class="copy">内容三</div>

配置说明
path:swf的路径(复制主要是用flash解决不同浏览器的复制)
copy:待复制的内容, 可以是静态内容, 也可以 return 动态内容
beforeCopy:复制之前要做的function;
afterCopy:复制之后要做的function;

提供了3个方法
show:$(selected).zclip('show');//复制功能有效
hide:$(selected).zclip('hide');//复制功能无效
remove:$(selected).zclip('remove');//完全移除复制功能