jquery.zclip輕量級復(fù)制失效怎么辦

這篇文章將為大家詳細講解有關(guān)jquery.zclip輕量級復(fù)制失效怎么辦，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

工作原理

利用一個透明的 Flash ，讓其漂浮在按鈕之上，這樣其實點擊的不是按鈕而是 Flash ，也就可以使用 Flash 的復(fù)制功能了

<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);
  });
  //復(fù)制視頻網(wǎng)址
  function copyVideoLink($that){
    //設(shè)置flash動畫
    ZeroClipboard.setMoviePath("js/jquery-zclip/ZeroClipboard.swf");
    var clip = new ZeroClipboard.Client();
    // 設(shè)置鼠標(biāo)為手型
    clip.setHandCursor(true);
    //設(shè)置要復(fù)制的文本 
    clip.setText($that.attr("data-href"));
    clip.glue($that.attr("id"));
     
    //復(fù)制完成后的監(jiān)聽事件    
    clip.addEventListener('complete', function (client, text) {
      alert("你已經(jīng)復(fù)制成功" + text);
      // 復(fù)制一次后，hide()使復(fù)制按鈕失效，防止重復(fù)計算使用次數(shù)
    });
  }
</script>

關(guān)于“jquery.zclip輕量級復(fù)制失效怎么辦”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。