欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-12-15 14:09:04
工作原理 利用一个透明的 flash ,让其漂浮在按钮之上,这样其实点击的不是按钮而是 flash ,也就可以使用 flash 的复制功能了

工作原理

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

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

上一篇:

下一篇: