相信這個功能大家平時上網(wǎng)經(jīng)常能碰到，以前也沒怎么留意怎么實現(xiàn)的，直到項目中需要。

最終效果：

網(wǎng)上一搜一大堆，單純使用js方法也不是沒有，但是由于各瀏覽器的安全機(jī)制不同，不是跨瀏覽器的。去看了幾個常用的網(wǎng)站，都是用的透明flash遮擋“復(fù)制到剪貼板”按鈕，所以當(dāng)你點(diǎn)擊“復(fù)制到剪貼板”的時候，點(diǎn)擊的其實是flash，然后把你需要復(fù)制的內(nèi)容傳入到了flash，然后在通過flash的復(fù)制功能把傳入的內(nèi)容復(fù)制到了剪貼板。
加載JQuery庫和zclip插件

<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> <script src="js/jquery.zclip.min.js"></script> 

下面是一個小demo，主要是復(fù)制文本框中的鏈接到剪貼板。
HTML

<input type="text" value="www.survivalescaperooms.com" id="link"> <span id="copyBtn">復(fù)制鏈接</span> 

然后加入腳本

<script>     $('#copyBtn').zclip({       path: "ZeroClipboard.swf",       copy: function(){         return $('#link').val();  　　　 　　}     }); </script> 

然后就可以直接打開網(wǎng)頁測試了，這只是一個簡單的小應(yīng)用，希望大家可以迅速掌握。