ZeroClipboard复制到剪切板(支持IE、FF、Chrome)

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

<a href="javascript:void(0)" id="btnCopy_1" copyContent="aaa">复制链接</a>

<a href="javascript:void(0)" id="btnCopy_2" copyContent="ccc">复制链接</a>

$(function(){
    //设置ZeroClipboard.swf的路径
	ZeroClipboard.setMoviePath("<%=path %>/scripts/ZeroClipboard.swf"); 
	$("a[id^=btnCopy_]").each(function(){
		var clip = new ZeroClipboard.Client(); 	
		clip.setHandCursor(true); 
		
		var obj = $(this);
        var id = $(this).attr("id");
        var content = $(this).attr("copyContent");
		clip.setText(content);  
		clip.glue(id);
		
		//鼠标移上时改变按钮的样式   
		clip.addEventListener( "mouseOver", function(client) {  
		    obj.css("color","#FF6600"); 
		});   
		//鼠标移除时改变按钮的样式  
		clip.addEventListener( "mouseOut", function(client) {         
		    obj.css("color","");   
		}); 
		//这个是复制成功后的提示  
		clip.addEventListener( "complete", function(){  
		    alert("已经复制到剪切板！"+"\n"+content);   
		}); 
	});
});

评论

1 楼 yjlongfei 2012-09-17  

添加上 ZeroClipboard.js 就能运行了  正需要 谢谢