ZEROCLIPBOARD 复制粘贴

最新推荐文章于 2017-02-22 11:42:06 发布

諨云

最新推荐文章于 2017-02-22 11:42:06 发布

阅读量535

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签：复制

本文链接：https://blog.youkuaiyun.com/a_ahreo/article/details/19155721

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种利用ZeroClipboard库实现网页上的一键复制功能的方法。通过简单的DOM元素添加及JavaScript代码，即可使用户轻松复制指定内容。该方案适用于需要提供便捷分享链接的活动页面。

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

1.添加dom

<span id="fu_container"><a href="javascript:;" id="fu_btn">点击复制推广地址</a></span>
<input type="hidden" value="<?php echo $activity->act_url;?>" id="fu_text" />

2.js

if($("#fu_text").length>0){
		
	var clip = null;
	clip = new ZeroClipboard.Client();
	clip.setHandCursor(true);  	
	clip.addEventListener('mouseOver', function (client) {
		clip.setText($("#fu_text").val());
	});
		
	clip.addEventListener('complete', function (client, text) {
		$("#fu_success").fadeIn(1000,function(){
			$(this).fadeOut(6000);
		});
	});
		
	clip.glue('fu_btn','fu_container');
}

教程：https://github.com/zeroclipboard/ZeroClipboard