jQuery复制文本内容到剪贴板插件 ZeroClipboard

最新推荐文章于 2021-12-31 16:09:27 发布

joyhen

最新推荐文章于 2021-12-31 16:09:27 发布

阅读量1w

点赞数

分类专栏： HTML Javascript 文章标签： jquery 插件 flash 复制剪切板

Javascript 同时被 2 个专栏收录

65 篇文章

订阅专栏

HTML

40 篇文章

订阅专栏

本文详细介绍了jQuery ZeroClipboard插件的功能特性，包括其兼容性、安全性以及用户交互体验的提升。通过实例展示了如何轻松地将内容复制到剪贴板，同时强调了该插件在解决浏览器兼容性和安全问题上的优越性。

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

原文：http://www.js-css.cn/a/openframe/jqueryapi/textcopy/2013/1023/972.html

jQuery ZeroClipboard 是优秀的jQuery 复制内容到剪贴板的插件，由于各个浏览器的安全特性不

一样,JS代码在复制内容各个浏览器表现不一，甚至无法实现，所以诞生了Flash 拷贝内容，很好
的解决了兼容性问题以及安全性问题，值得学习和利用他。

特性：
1.兼容Flash10
2.避免浏览器安全冲突
3.无干扰提示
4.支持样式自定义在hover和active 状态下
5.保留鼠标按下和离开的事件
6.支持拷贝前和拷贝后的事件回调
7.轻量级最小只有7k

调用方法：

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

$(document).ready(function(){
   $('a#copy-description').zclip({
   path:'js/ZeroClipboard.swf',
   copy:$('p#description').text()
});