jquery實現復制到粘貼板


項目中突然需要使用復制功能,在網上搜索了下看到了ZeroClipboard插件,好用,但是也有局限。用法如下:

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

2、初始化

<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>

注:

1、需在服務器上運行 localhost

2、js+swf實現,文件需要同時引入。 ZeroClipboard提供一個透明的flash,用於和剪切版交互,當點擊頁面上的“復制”按鈕時,將需要的內容傳入Flash,再通過Flash的復制功能把傳入的內容復制到剪貼板。 需保證該flash被正確加載即可。

3、可兼容各大瀏覽器


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM