zclip官网:http://www.steamdev.com/zclip/
swf文件国内下载:ZeroClipboard.swf
jQuery-zclip是一个复制内容到剪贴板的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、然后用使用官方提供的调用方法:
$(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" });
这是我项目里面用到的写法:
$('.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'); } });