jquery.zclip轻量级复制失效问题
工作原理
利用一个透明的Flash,让其漂浮在按钮之上,这样其实点击的不是按钮而是Flash,也就可以使用Flash的复制功能了
<scriptsrc="js/jquery/jquery-1.8.0.min.js"></script>
<scripttype="text/javascript"src="js/jquery-zclip/jquery.zclip.js"></script>
<scripttype="text/javascript">
$(function(){
var$copyBtn=$('#copy-video-link');
copyVideoLink($copyBtn);
});
//复制视频网址
functioncopyVideoLink($that){
//设置flash动画
ZeroClipboard.setMoviePath("js/jquery-zclip/ZeroClipboard.swf");
varclip=newZeroClipboard.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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!
热门推荐
7 简短的二胎祝福语
10 简短霸气女儿生日 祝福语
11 祝福语高考小众诗句简短
12 元旦祝福语20秒简短
13 老师过年祝福语大全 简短
14 一生祝福语简短
15 产检祝福语简短霸气
16 朋友店开张祝福语简短
17 生日爱情祝福语大全简短
18 朋友女儿生日祝福语 简短