最新消息:欢迎加入小松的QQ群一起讨论一起学习,服务器快到期了,新买了台服务器,最近要做服务器迁移

jqurey跨浏览器复制插件zclip

前端技术 475浏览 0评论

之前在我的小松博客上做个禁止右键,但是用快捷键可以复制我文章的内容,后来因为js写的复制代码有兼容性文件,最后去掉了
无意发现了jqurey跨浏览器复制jQuery-zclip,想来能解决我的文件,在此记录一下

zclip测试

在百度里找到了官网但是网站已经没有了,在google找了github上有这个插件
zclip下载地址:https://github.com/patricklodder/jquery-zclip

zclip使用方法

①加载jquery和zclip

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="jquery.zclip.js"></script>

②复制内容和复制按钮

<div style="margin:200px auto;width:300px;">
<input type="text" value="小松博客这个一个神奇的博客" id="link">
<span id="copyBtn">复制链接</span>
</div>

③zclip的复制js代码

<script>
        $('#copyBtn').zclip({
            path: "ZeroClipboard.swf",
            copy: function(){
                return $('#link').val();
        }
        });
</script>

zclip还有其他参数请查看上面github地址

测试了一下几个游览器还行,如果有游览器不支持,请留言告诉小松

测试代码共享http://pan.baidu.com/s/1c1eGPYK

QQ交流群:136351212

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» jqurey跨浏览器复制插件zclip
本文链接地址:https://www.phpsong.com/2189.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!