跨浏览器一键复制jQuery插件zclip

最新推荐文章于 2025-08-09 20:51:19 发布

转载最新推荐文章于 2025-08-09 20:51:19 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/eaglepie/p/4142677.html

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery和zClip插件在网页上实现一键复制功能，包括引入必要的JS文件，设置按钮触发复制操作，并在不同浏览器环境下进行测试。

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

官方网站：

http://www.steamdev.com/zclip/

Usage

1.) 添加JQ和zClip插件到文档中

1 <script type="text/javascript" src="js/jquery.js"></script>
2 <script type="text/javascript" src="js/jquery.zclip.js"></script>

2.) 在 <script> 里, 添加 zClip 在“一键复制”的按钮上（button2）,这里以百度编辑器的内容为例

 3     $("#button2").zclip({
 4         path:'/js/ZeroClipboard.swf', //记得把ZeroClipboard.swf引入到项目中 
 5         copy:function(){
 6           return ue.getContentTxt(); //返回百度编辑器的纯文本信息
 7         },
 8         afterCopy:function(){ //复制后的动作
 9           alert("已复制！"); 
10         }
11     });