导航首页 » 技术教程 » jquery.zclip轻量级复制失效问题
全站头部文字 我要出现在这里
jquery.zclip轻量级复制失效问题 387 2024-02-06   

工作原理

利用一个透明的 Flash ,让其漂浮在按钮之上,这样其实点击的不是按钮而是 Flash ,也就可以使用 Flash 的复制功能了

<script src="http://www.gimoo.net/t/1808/js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="http://www.gimoo.net/t/1808/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>

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


ip

!!!站长长期在线接!!!

网站、小程序:定制开发/二次开发/仿制开发等

各种疑难杂症解决/定制接口/定制采集等

站长微信:lxwl520520

站长QQ:1737366103