js实现IE跨浏览器复制内容到剪贴板-自学php网

js实现IE跨浏览器复制内容到剪贴板

来源：自学PHP网时间：2014-09-19 14:47 作者：阅读:次

[导读] 我们都知道使用一般的方法我们复制的内容是不可以跨浏览器的哦，同时在ff下也没有办法实现复制内容到剪贴板的，下面我来介绍一款Zero Clipboard插件来实现IE跨浏览器复制内容到剪贴...

Zero Clipboard的实现原理
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。

Zero Clipboard的安装方法
其实也不算安装啦，就是使用前的准备工作。
首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js 和ZeroClipboard.swf 放入到你的项目中下载地址:http://file.111cn.net/download/2013/06/03/zeroclipboard-1.0.7.tar.gz

代码如下	复制代码
<script type="text/javascript" src="ZeroClipboard.js"></script>

注意：以上 ZeroClipboard.js, ZeroClipboard.swf需要放在同一路径下。如果不在同一路径，可使用ZeroClipboard.setMoviePath( “Flash路径” );

来设置ZeroClipboard.swf 地址

代码如下

复制代码

Zero Clipboard实现简单跨浏览器复制
var clip = new ZeroClipboard.Client(); // 新建一个对象
clip.setHandCursor( true ); // 设置鼠标为手型
clip.setText("哈哈"); // 设置要复制的文本。
// 注册一个 button，参数为 id。点击这个 button 就会复制。
//这个 button 不一定要求是一个 input 按钮，也可以是其他 DOM 元素。
clip.glue("copy-botton"); //

和上一句位置不可调换这样，这样基本功能实现了，点击按钮就可以复制设置好的文本了。你可能注意到了，待复制的文本是固定的，如果想要动态改变的怎么办，比如复制一个输入框中的内容

禁止表单input自动完成代码

javascript字符串转数字方法详解

子栏目

js实现IE跨浏览器复制内容到剪贴板

最新评论

添加评论

更多文章推荐

添加评论