jquery實現複製到粘貼板

時間 2019-12-13 標籤 jquery 實現複製粘貼板

項目中忽然須要使用複製功能，在網上搜索了下看到了ZeroClipboard插件，好用，可是也有侷限。用法以下：javascript

一、引用jquery、zclip.js、swf文件。demo地址：https://github.com/chaoli920029342/jquery_copyjava

二、初始化jquery

<body>
<input type="text" name="text" id="text" value="http://www.baidu.com" />
<a href="javascript:void(0)" id="dynamic">複製</a>
<script type="text/javascript">
$(document).ready(function(){
    $("#dynamic").zclip({
        path:'ZeroClipboard.swf',
        copy:$('#text').val(),
        beforeCopy:function(){
            //some code
        },
        afterCopy:function(){
            alert($("#text").val());
        }
    });
    //beforeCopy afterCopy 是可選項
});
</script>
</body>

注：git

一、需在服務器上運行 localhostgithub

二、js+swf實現，文件須要同時引入。 ZeroClipboard提供一個透明的flash，用於和剪切版交互，當點擊頁面上的「複製」按鈕時，將須要的內容傳入Flash，再經過Flash的複製功能把傳入的內容複製到剪貼板。需保證該flash被正確加載便可。瀏覽器

三、可兼容各大瀏覽器服務器