兼容浏览器复制jQuery ZeroClipboard插件

1、jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持,使用时记得安装Adobe Flash Player。

2、由于 Flash 本地沙箱的安全限制,以下代码如果是在本地HTML文件中被浏览器直接打开,将无法正常工作。请不要在本地 file:/// 下进行调试, 你会发现效果始终不会出现, 请通过 http:// 方式运行

3、jquery插件下载 http://www.steamdev.com/zclip/  

兼容浏览器复制jQuery ZeroClipboard插件_第1张图片


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>


你可能感兴趣的:(ZeroClipboard,zclip,跨浏览器复制粘贴功能)