jquery.zclip輕量級復制失效問題
更新時間：2017年01月08日 17:04:28 作者：Avenstar
本文主要介紹了解決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);
});
//復制視頻網(wǎng)址
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"));
//復制完成后的監(jiān)聽事件
clip.addEventListener('complete', function (client, text) {
alert("你已經(jīng)復制成功" + text);
// 復制一次后，hide()使復制按鈕失效，防止重復計算使用次數(shù)
});
}
</script>
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關文章
這篇文章主要介紹了jquery使用hide方法隱藏指定id的元素,實例分析了jQuery中hide隱藏指定id元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jQuery實現(xiàn)可用于博客的動態(tài)滑動菜單完整實例
這篇文章主要介紹了jQuery實現(xiàn)可用于博客的動態(tài)滑動菜單代碼,可實現(xiàn)jQuery基于鼠標事件動態(tài)操作頁面元素變換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
用jquery制作一個簡單的導航欄，使用到了addClass及removeClass等方法，需要的朋友可以參考下2014-06-06
浮動DIV定時顯示提示信息,如操作成功, 失敗等,需要的朋友可以參考下。2011-02-02
文本框中經(jīng)常會有提示你輸入的信息，當你點擊文本框，提示信息自動消失，下面也為大家介紹下輸入框消失文字的方法，感興趣的朋友可以參考下2013-04-04
jQuery效果操作一共分五類：1.基本，2.滑動，3.淡入淡出，4.自定義，5.設置。本文將對此詳細介紹。具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05
本文主要分享了jquery實現(xiàn)自適應banner焦點圖的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
下面小編就為大家?guī)硪黄ㄟ^jquery實現(xiàn)頁面的動畫效果(實例代碼)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要介紹了jquery實現(xiàn)鼠標滑過顯示二級下拉菜單效果,通過jquery操作鼠標事件及頁面樣式動態(tài)變換實現(xiàn)該功能,非常具有實用價值,需要的朋友可以參考下2015-08-08
下面小編就為大家?guī)硪黄狫Query控制DIV的選取實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09