ZeroClipboard：

        是一套提供了將文字複製到剪貼簿的類庫，它通過使用不可見的 Adobe Flash movie（這裡的不可見我的理解是透明，因為檢視頁面結構時發現他是覆蓋在我們寫的 “複製”按鈕之上的） 和 js介面 來實現的。這個 “Zero”意味這看不到，不會影響我們的頁面，頁面結構或都說檢視效果還是按我們的意願來定義。

      侷限：

      由於瀏覽器和flash的安全限制，只有當用戶點選不可見的flash movie時才能實現對剪貼簿內容的修改，js模擬的點選是不可以的，這個可能導致剪貼簿中毒。

      還有一些限制，如：複製時同時有其他程式對剪貼簿操作的問題 以及 客戶端的作業系統的問題，感覺一般不會遇到，因為大部分用的都是Window，在此就不進行說明了，如果遇到些類問題可以點此檢視。

       下載

       使用樣例（對官網例子的修改）

呼叫前在頁面中引入js，併為ZeroClipboard配置Adobe Flash movie。

<script type="text/javascript" src="{resourceRoot}/pubjs/ZeroClipboard/ZeroClipboard.min.js"></script>

<script type="text/javascript">

// 如果ZeroClipboard.min.js與ZeroClipboard.swf在同一個目錄下可以不配，

// 但可能會因為引用ZeroClipboard.min.js的頁面所在目錄不同，會找不到ZeroClipboard.swf，建議

                // 在此為ZeroClipboard配上全路徑
ZeroClipboard.config( { swfPath: "{resourceRoot}/pubjs/ZeroClipboard/ZeroClipboard.swf" } );
</script>

  1）最簡單

       1.1）使用data-clipboard-text 屬性

<button id="copy-button" data-clipboard-text="要複製的文字" title="Click to copy me.">複製到剪貼簿</button>
<script type="text/javascript">
var client = new ZeroClipboard( document.getElementById("copy-button") );
</script>

      這樣點選按鈕【複製到剪貼簿】 就可以將 “data-clipboard-text” 的值 賦值到剪貼簿。

1.2）使用“data-clipboard-target”屬性。

<button id="copy-button"  data-clipboard-target='copyTextTagId' title="Click to copy me.">複製到剪貼簿</button>

<input id="copyTextTagId" value="要複製的文字"  />
<script type="text/javascript">
var client = new ZeroClipboard( document.getElementById("copy-button") );
</script>

 這樣點選按鈕【複製到剪貼簿】 就可以將id為 “data-clipboard-target” 值的標籤的內容 賦值到剪貼簿。

  2）複雜點的

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="ZeroClipboard.js"></script>
    <div class="clip_button">Copy To Clipboard</div>
    <div class="clip_button">Copy This Too!</div>
    <script type="text/javascript">
var client = new ZeroClipboard( $('.clip_button') ); //  可以用jquery物件
        client.on( 'ready', function(event) {  //  載入swf
// console.log( 'movie is loaded' );

client.on( 'copy', function(event) {
// 新增複製操作
event.clipboardData.setData('text/plain', event.target.innerHTML);
} );


client.on( 'aftercopy', function(event) {
// 複製操作
console.log('Copied text to clipboard: ' + event.data['text/plain']);
} );
});


client.on( 'error', function(event) {
// console.log( 'ZeroClipboard error of type "' + event.name + '": ' + event.message );
ZeroClipboard.destroy();
});
    </script>

通過上述的說明，基本上是可以滿足大部分複製需求了，如果還不滿意，可以到官網檢視詳細的說明。