手機端點擊複製連接到剪切板（以及PC端）

一直在找如何能點擊按鈕將一串字符串放到手機的剪切板上，可是多是由於搜索的關鍵字不對，一直無果。

向同事請教了一下，給了一個clickboard.js的插件。開始試驗的時候，使用手機自帶瀏覽器進行測試，可是提示覆制失敗，就覺得不行，可是其餘人嘗試的時候，都說是成功的，原來是微信端是能夠使用這個複製方法的。

由於通常所作的網頁都是用微信端進行訪問，因此這樣也算是實現了想要的功能。

<a href="javascript:;" style="color: #fff;"data-clipboard-text="@Model.ActivityLink" id="copyLink">複製活動連接</a>

<script src="/content/scripts/clipboard/clipboard.min.js"></script>
<script>
    var clipboard = new Clipboard('#copyLink');
    clipboard.on('success', function (e) {
        alert("複製成功！");
        return;
    });

    clipboard.on('error', function (e) {
        var link = $("#copyLink").attr("data-clipboard-text");
        alert("複製失敗！請手動複製，地址「" + link + "」");
        return;
    });
</script>

 data-clipboard-text即爲插件獲取須要複製的字符串所處的屬性名

至於這個js是GitHub中開源的一個項目https://github.com/zenorocha/clipboard.js （實現純 JavaScript （無 Flash）的瀏覽器內容複製到系統剪貼板的功能）

這個插件也是能夠使用在PC端的，火狐，google，qq瀏覽器都是能夠使用的。只是手機端的瀏覽器大概是機制問題？沒法使用。

 

這裏還有一個js插件：https://files.cnblogs.com/files/danlis/zeroclipboard.zip 直接把這個上傳到了博客園的文件中，聽說是PC端的複製，我還沒測試過。