jquery.zclip轻量级复制失效问题


Posted in Javascript onJanuary 08, 2017

工作原理

利用一个透明的 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);
  });
  //复制视频网址
  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>

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

Javascript 相关文章推荐
javascript 延迟加载技术(lazyload)简单实现
Jan 17 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
Jul 27 Javascript
js与css实现弹出层覆盖整个页面的方法
Dec 13 Javascript
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
解决jquery无法找到其他父级子集问题的方法
May 10 Javascript
微信小程序 wxapp导航 navigator详解
Oct 31 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
May 17 Javascript
详解Angular 4.x NgTemplateOutlet
May 24 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
React通过redux-persist持久化数据存储的方法示例
Feb 14 Javascript
Vue 的 v-model用法实例
Nov 23 Vue.js
JavaScript &amp; jQuery完美判断图片是否加载完毕
Jan 08 #Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
Jan 08 #Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
Jan 08 #Javascript
Javascript 实现计算器时间功能详解及实例(二)
Jan 08 #Javascript
JS 实现计算器详解及实例代码(一)
Jan 08 #Javascript
详解百度百科目录导航树小插件
Jan 08 #Javascript
Three.js基础部分学习
Jan 08 #Javascript
You might like
jQuery学习5 jQuery事件模型
2010/02/07 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
js图片实时加载提供网页打开速度
2014/09/11 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
jQuery对象初始化的传参方式
2015/02/26 Javascript
原生js实现淘宝购物车功能
2020/06/23 Javascript
jqueryUI tab标签页代码分享
2017/10/09 jQuery
web前端开发中常见的多列布局解决方案整理(一定要看)
2017/10/15 Javascript
浅谈Vue数据响应思路之数组
2018/11/06 Javascript
vue项目出现页面空白的解决方案
2019/10/31 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
[03:06]V社市场总监Dota2项目负责人Erik专访:希望更多中国玩家加入DOTA2
2014/07/11 DOTA
[42:04]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第一局
2016/03/03 DOTA
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
python使用rsa加密算法模块模拟新浪微博登录
2014/01/22 Python
Python自动化测试工具Splinter简介和使用实例
2014/05/13 Python
python使用自定义user-agent抓取网页的方法
2015/04/15 Python
python查看微信好友是否删除自己
2016/12/19 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
mac下给python3安装requests库和scrapy库的实例
2018/06/13 Python
Python WSGI的深入理解
2018/08/01 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
win10系统Anaconda和Pycharm的Tensorflow2.0之CPU和GPU版本安装教程
2019/12/03 Python
python2.7使用scapy发送syn实例
2020/05/05 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
2020/08/26 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
男女时尚与复古风格在线购物:RoseGal(全球免费送货)
2017/07/19 全球购物
学习十八届三中全会精神实施方案
2014/02/17 职场文书
车间主任岗位职责
2014/03/16 职场文书
公司年终奖分配方案
2014/06/16 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
公安个人四风问题对照检查及整改措施
2014/10/28 职场文书
校长师德表现自我评价
2015/03/04 职场文书
房屋产权证明书
2015/06/19 职场文书
公司处罚决定书
2015/06/24 职场文书
详解MongoDB的条件查询和排序
2021/06/23 MongoDB