1. 程式人生 > >zeroclipboard實現跨瀏覽器複製功能

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");

    });