首页 > 编程 > JavaScript > 正文

jquery.zclip轻量级复制失效问题

2019-11-19 18:04:50
字体:
来源:转载
供稿:网友

工作原理

利用一个透明的 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>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持武林网!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表