使用ZeroClipboard實現剪貼板Copy

網上有介紹ZeroClipboard實現剪貼板Copy的博文，但是貌似都已經過時了。

下面是直接解釋ZeroClipboard官網Demo的做法。

首先下載ZeroClipboard的zip包

下載後把ZeroClipboard.js和ZeroClipboard.swf放到你的項目中。然後在需要用的頁面引用ZeroClipboard.js，這個簡單就不多說。

下面是代碼了。

  var clip = new ZeroClipboard($("#Btn_Copy"), {
      moviePath: "../js/ZeroClipboard.swf"
        });
       
        clip.on('complete', function (client, args) {
     // alert("Copied text to clipboard: " + args.text);

    });

這一段代碼可以寫在頁面加載完成的事件中。

第一段是初始化ZeroClipboard，Btn_Copy是需要相應點擊copy事件的按鈕Id.

在這個按鈕上需要加這麼一個屬性  data-clipboard-target="Txt_CopySource"

Txt_CopySource是需要copy內容的控件ID。

../js/ZeroClipboard.swf 是ZeroClipboard.swf文件的相對路徑。

這樣寫好之後，ZeroClipboard會覆蓋一個flash在Btn_Copy按鈕上，點擊的時候實際上就是點擊了一個flash，由flash自動從Txt_CopySource裏copy內容到剪貼板了。