1、jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持,使用时记得安装Adobe Flash Player。
2、由于 Flash 本地沙箱的安全限制,以下代码如果是在本地HTML文件中被浏览器直接打开,将无法正常工作。请不要在本地 file:/// 下进行调试, 你会发现效果始终不会出现, 请通过 http:// 方式运行
3、jquery插件下载 http://www.steamdev.com/zclip/
4、用法
<span style="font-size:14px;">//引入jQuery-zclip相关js及swf文件
<script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/jquery.zclip.min.js"></script>
<script type="text/javascript">
$(function(){
$("#cp-btn").zclip({
path:'<%=path%>/resources/js/ZeroClipboard.swf', //记得把ZeroClipboard.swf引入到项目中
copy:function(){
return $('#inviteUrl').val();
}
});
});
</script>
<div class=form-row>
<div class=col-md-5>
<input class=form-control value="" id="inviteUrl"/>
</div>
<div class=col-md-1>
<a href="javascript:void(0)" id="cp-btn"
class="btn btn-default btn-block btn-clean">复 制</a>
</div>
</div></span>