zeroclipboard实现跨浏览器复制功能

所需文件

1. ZeroClipboard.js

2. ZeroClipboard.swf

 

使用

1. 设置好ZeroClipboard.swf的位置,可在ZeroClipboard.js中修改,也可调用ZeroClipboard.setMoviePath方法

2. var clip = new ZeroClipboard.Client();

3. 设置好透明flash层

var movie = clip.getHTML(24,14);//可自定义长宽

document.write("<div id='movieDiv' style='position:absolute;z-index:10;'>"+movie+"</div>");

可任意改变movieDiv的位置,用该flash层覆盖需要被点击复制的元素

4. 添加监听事件,给剪切板赋值

   clip.addEventListener('mouseDown',function() {

        clip.setText("copy content");

    });

你可能感兴趣的:(ZeroClipboard)