这篇文章将为大家详细讲解有关jquery.zclip轻量级复制失效怎么办,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联是一家集网站建设,沐川企业网站建设,沐川品牌网站建设,网站定制,沐川网站建设报价,网络营销,网络优化,沐川网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
工作原理
利用一个透明的 Flash ,让其漂浮在按钮之上,这样其实点击的不是按钮而是 Flash ,也就可以使用 Flash 的复制功能了
<script src="js/jquery/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="js/jquery-zclip/jquery.zclip.js"></script> <script type="text/javascript"> $(function(){ var $copyBtn = $('#copy-video-link'); copyVideoLink($copyBtn); }); //复制视频网址 function copyVideoLink($that){ //设置flash动画 ZeroClipboard.setMoviePath("js/jquery-zclip/ZeroClipboard.swf"); var clip = new ZeroClipboard.Client(); // 设置鼠标为手型 clip.setHandCursor(true); //设置要复制的文本 clip.setText($that.attr("data-href")); clip.glue($that.attr("id")); //复制完成后的监听事件 clip.addEventListener('complete', function (client, text) { alert("你已经复制成功" + text); // 复制一次后,hide()使复制按钮失效,防止重复计算使用次数 }); } </script>
关于“jquery.zclip轻量级复制失效怎么办”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
分享名称:jquery.zclip轻量级复制失效怎么办
链接地址:https://www.cdcxhl.com/article42/gsjcec.html
成都网站建设公司_创新互联,为您提供网页设计公司、品牌网站制作、标签优化、微信公众号、面包屑导航、域名注册
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联