兼容主流浏览器复制插件jQuery-zclip
来源:互联网 发布:软件销售外包 编辑:程序博客网 时间:2024/04/29 12:17
由于各浏览器的安全机制不同,不是跨浏览器的。去看了几个常用的网站,都是用的透明flash遮挡“复制到剪贴板”按钮,所以当你点击“复制到剪贴板”的时候,点击的其实是flash,然后把你需要复制的内容传入到了flash,然后在通过flash的复制功能把传入的内容复制到了剪贴板。
访问官网并下载jquery.zclip.js或jquery.zclip.mini.js,和ZeroClipboard.swf,因为是基于jQuery框架的插件,所以要添加jQuery支持。
2、
上面的操作就可以简单地在demo里面运行成功了,但要将其集成到其他项目中,就有可能出现复制不到的现象了。下面是我的解决办法,大家可以参考实现:
以上仅为个人实践。
简介:zclip是一个轻量级的jQuery“复制到剪贴板”插件采用了时下流行的Zero Clipboard library。跨浏览器复制插件jQuery-zclip的官网http://www.steamdev.com/zclip/
特性
- 兼容Flash10
- 避免了通过使用第三方浏览器插件造成浏览器中的安全冲突
- 不干扰页面设计
- 支持css中的:hover,:active状态
- 保留click,mouseenter,mouseleave事件
- 提供复制前/后的回调函数
- 极小(混淆后7k)
访问官网并下载jquery.zclip.js或jquery.zclip.mini.js,和ZeroClipboard.swf,因为是基于jQuery框架的插件,所以要添加jQuery支持。
1、添加jQuery和zclip支持
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.zclip.js"></script>
2、
$("#id").zclip({// 给按钮或超链接添加 path : 'js/ZeroClipboard.swf',// 路径 copy : function() { return $('#该处是你想复制的内容的id').val(); }, afterCopy : function() { // 复制成功后做的操作,非必须 } });
上面的操作就可以简单地在demo里面运行成功了,但要将其集成到其他项目中,就有可能出现复制不到的现象了。下面是我的解决办法,大家可以参考实现:
在jquery.zclip.js里找到getDOMObjectPosition 函数,将其改为如下代码:
if (obj && (obj != stopObj)) { /* * info.left += obj.offsetLeft; * info.top += obj.offsetTop; */ var temp; temp = $(obj).position(); // 修改后 info.left += temp.left; // 修改后 info.top += temp.top; // 修改后 }
以上仅为个人实践。
0 0
- 兼容主流浏览器复制插件jQuery-zclip
- jQuery插件:跨浏览器复制jQuery-zclip
- jQuery插件:跨浏览器复制jQuery-zclip
- jQuery插件:跨浏览器复制jQuery-zclip
- 兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能
- 兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能
- jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
- jQuery插件:利用zclip插件实现跨浏览器复制(转载)
- jqurey跨浏览器复制插件zclip
- jquery zclip 复制插件的使用
- clipboard.js 实现 点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持
- 兼容浏览器复制jQuery ZeroClipboard插件
- zclip ZeroClipboard 兼容各种浏览器的复制功能
- Zclip:复制页面内容到剪贴板兼容各浏览器
- Zclip:复制页面内容到剪贴板兼容各浏览器
- 利用jquery.zclip在浏览器里复制内容到剪切板
- jquery-zclip插件
- jquery-zclip插件
- Subset
- 连接数据库提示无法识别的转义序列
- NYOJ 题目219 An problem about date(数学,吉姆拉尔森公式)
- 关于C语言中两个惊叹号(!)的问题
- 究竟线框图为什么要画,以及如何画
- 兼容主流浏览器复制插件jQuery-zclip
- 1075. PAT Judge (25)
- 字符串分割(C++)
- Boost.Asio c++ 网络编程翻译(14)
- 设置Clover默认进入Windows,按快捷键F8可选择不同的引导
- QTSingleApplication使用笔记
- Spring如何实现自动依赖注入-------autowire
- VS2008+WDK 7600 驱动开发环境搭建
- hdu 1010 奇偶标记法