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');//完全移除复制功能

上一篇:UWP简单示例(三):快速开发2D游戏引擎


下一篇:Netty In Action中文版 - 第一章:Netty介绍