您的位置:首页 > Web前端 > JavaScript

Zero Clipboard js+swf实现的复制功能使用方法

2014-12-05 14:13 771 查看
开发中经常会用到复制的功能,在 IE 下实现比较简单。但要想做到跨浏览器比较困难了。本文将介绍一个跨浏览器的库类 Zero Clipboard 。它利用 Flash 进行复制,所以只要浏览器装有 Flash 就可以运行,而且比
IE 的 document.execCommand("Copy") 更加灵活。 

Zero Clipboard 的实现原理 
Zero Clipboard 利用 Flash 进行复制,之前有 Clipboard Copy 解决方案,其利用的是一个隐藏的 Flash。但最新的 Flash Player 10 只允许在 Flash 上进行操作才能启动剪贴板。所以
Zero Clipboard 对此进行了改进,用了一个透明的 Flash ,让其漂浮在按钮之上,这样其实点击的不是按钮而是 Flash ,也就可以使用 Flash 的复制功能了。 

如何使用 Zero Clipboard 
首先下载 Zero Clipboard ,并解压缩。其中需要两个文件:ZeroClipboard.js 和 ZeroClipboard.swf ,将这两个文件放入到你的项目中。 

下载地址
Zero
Clipboard 开源的 JavaScript+flash 复制库类

演示地址:
http://demo.jb51.net/js/ZeroClipboard/index.html

核心功能 
第一步,导入 ZeroClipboard.js 文件: 

<script type="text/javascript" src="ZeroClipboard.js"></script> 
再设置 ZeroClipboard.swf 文件的路径: 

ZeroClipboard.setMoviePath( "ZeroClipboard.swf" ); 
注意:以上 ZeroClipboard.js, ZeroClipboard.swf 两个文件的路径都需要替换为你项目中对应文件的路径。或者也可以是一个绝对路径。 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js