zclip官網(wǎng)：http://www.steamdev.com/zclip/

swf文件國內(nèi)下載：ZeroClipboard.swf

jQuery-zclip是一個復(fù)制內(nèi)容到剪貼板的jQuery插件，使用它我們不用考慮不同瀏覽器和瀏覽器版本之間的兼容問題。jQuery-zclip插件需要Flash的支持，使用時記得安裝Adobe Flash Player。

?

使用方法：

1、先引入JQ庫與插件文件：

<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.zclip.js"></script>

?

2、然后用使用官方提供的調(diào)用方法：

$(document).ready(function(){$('a#copy-description').zclip({path:'js/ZeroClipboard.swf',copy:$('p#description').text() }); // The link with ID "copy-description" will copy // the text of the paragraph with ID "description"

$('a#copy-dynamic').zclip({path:'js/ZeroClipboard.swf',copy:function(){return $('input#dynamic').val();} }); // The link with ID "copy-dynamic" will copy the current value // of a dynamically changing input with the ID "dynamic" });

?這是我項(xiàng)目里面用到的寫法：

$('.aff_info ul li input[type="button"]').zclip({path:'/templates/default/images/copy-btn/ZeroClipboard.swf',copy:function(){return $(this).siblings('input[type="text"]').val(); },beforeCopy:function(){console.log("copy success"); },afterCopy:function(){$(this).css('background','#999999');$(this).parent().siblings().find('input[type="button"]').css('background','#444444'); }});

?

轉(zhuǎn)載于:https://www.cnblogs.com/3box/p/4580324.html

總結(jié)

以上是生活随笔為你收集整理的jQ复制按钮的插件zclip的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。