手機端點擊復制鏈接到剪切板（以及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端的復制，我還沒測試過。