網頁開發中需要實現複製功能時，在網上找到的諸多簡單的程式碼（document.execCommand("Copy")）似乎大多數只能在IE下實現，並不能在Chrome等當下主流瀏覽器下實現。要在這些主流瀏覽器實現複製功能，就可以用到下面介紹的方法：使用一個跨瀏覽器的庫類 Zero Clipboard。
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 ，將這兩個檔案放入到你的專案中。


在網上的教程中，ZeroClipboard的使用例項是這樣子的。
實現單個複製按鈕：
<input type="text" value="text" id="copy_txt"/><a href="javascirpt:;" id="copy_btn">複製</a>
<script language="JavaScript">
    ZeroClipboard.setMoviePath( 'ZeroClipboard.swf' );  //和html不在同一目錄需設定setMoviePath
    ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf' );
    var clip = new ZeroClipboard.Client();   //建立新的Zero Clipboard物件
    clip.setText( '' ); // will be set later on mouseDown   //清空剪貼簿
    clip.setHandCursor( true );      //設定滑鼠移到複製框時的形狀
    clip.setCSSEffects( true );          //啟用css
    clip.addEventListener( 'complete', function(client, text) {     //複製完成後的監聽事件
          alert("aa")      
          clip.hide();                                          // 複製一次後，hide()使複製按鈕失效，防止重複計算使用次數
     } );
   clip.addEventListener( 'mouseDown', function(client) {
          clip.setText( document.getElementById('copy_txt').value );//要複製的內容
    } );
    clip.glue( 'copy_btn' );//使該flash浮於改ID的元素上
</script>


實現多個複製按鈕
<input type="text" value="text" id="copy_txt0"/><a href="javascirpt:;" id="copy_btn0" data='0' class="copyBtn">複製</a>
<input type="text" value="text" id="copy_txt1"/><a href="javascirpt:;" id="copy_btn1" data='1' class="copyBtn">複製</a>
<input type="text" value="text" id="copy_txt2"/><a href="javascirpt:;" id="copy_btn2" data='2' class="copyBtn">複製</a>
<script language="JavaScript">
$(".copyBtn").each(function(i){
        var id = $(this).attr('data');
        var clip=null;
        clip = new ZeroClipboard.Client();
        ZeroClipboard.setMoviePath( 'ZeroClipboard.swf' );  //和html不在同一目錄需設定setMoviePath
        ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf' );
        clip.setHandCursor( true );
        clip.setText( $("#copy_txt"+id).val() );
        clip.addEventListener('complete', function (client, text) {
          alert( "恭喜複製成功" );
        });
        clip.glue( 'copy_btn'+id);
  });
</script>




但在實際使用中，多個複製按鈕的實現會出現小問題，這裡我總結了幾點個人使用心得。


1.在該例中，每次呼叫定義clip的程式碼都會自動生成一個DIV，其中巢狀一個embed元素，我不太懂，但是覺得應該這就是和flash10相關聯的東西。通過此方法，多次呼叫就會生成多個DIV，且embed都是可點選實現複製功能的類似按鈕，多了之後會對點選頁面其他元素造成影響。我採用的解決方法是頁面只定義一次clip，初次點選複製按鈕時再具體生成。此後其他的複製按鈕均使用該embed（因為我的頁面佈局比較確定，使所有的複製按鈕都會出現在頁面中固定的位置）。不需使用時令其隱藏，需要時再令其顯示。

2.embed的樣式可以直接再CSS檔案修改。

3.自動生成的DIV框又大，z-index又是99，會遮擋很多東西。我的處理方法是，直接進ZeroClipboard.js中修改程式碼，height width z-index等等均可修改。

4.該辦法需要呼叫flash，在微信不可用