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

最新推荐文章于 2021-06-04 21:32:07 发布

原创最新推荐文章于 2021-06-04 21:32:07 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ZeroClipboard

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何解决 ZeroClipboard 在本地磁盘上测试时遇到的问题，并提供了解决方案，包括更改 Flash 安全设置的方法及具体步骤。同时，展示了如何通过 JavaScript 实现页面元素的复制功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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


<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);   
		}); 
	});
});