1. 程式人生 > >js實現複製到貼上板 ZeroClipboard

js實現複製到貼上板 ZeroClipboard

實現複製貼上這樣簡單的功能,竟然網上沒啥有用的東西!特此實驗並整理,望後來者少走彎路。(用chrome測試通過,不喜IE故未做IE測試)

2、引入js庫。
<script src="jQuery.js" type="text/javascript"></script><!-- 你自己專案中的就可 -->
<script src="ZeroClipboard.min.js" type="text/javascript"></script>
<script src="clip.js" type="text/javascript"></script><!-- 你測試或者使用的js -->

3、html程式碼。
<a id="copy" data-clipboard-text="zhan-tie-nei-rong">複製連結</a>
 其中id用於js選擇器使用,data-clipboard-text用於儲存你要貼上的內容。此處"zhan-tie-nei-rong"為例。 4、JS程式碼(clip.js
$(function(){
    $('#copy').click(function(){
        copy("copy");
    })
    $('#copy').click();//由於第一次點選無效,故載入時先觸發一次。
})

function copy(id){
    var clip = new ZeroClipboard($('#'+id)[0], {
        moviePath: '/resource/js/plugins/ZeroClipboard/ZeroClipboard.swf'
    });
    clip.on( 'complete', function(client, args) {
        alert('複製成功, 您可以到其他地方貼上該網址了!');
    });
}

參考文章:複製到剪貼簿的JS實現--ZeroClipboard (兼解決IE下相容問題)