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