jquery.zclip轻量级复制失效问题
2024-09-27 05:09:25
工作原理
利用一个透明的 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>
最新文章
- DevExpress 程序运行后 layoutView 卡片大小发生变化
- 深入理解Android之Gradle
- TCP/IP协议(一)
- django下的ckeditor 5.0 文本编辑器上传功能。
- Java基础知识强化之网络编程笔记18:Android网络通信之 使用HttpClient的Post / Get 方式读取网络数据(基于HTTP通信技术)
- JFrame编程
- javascript第十五课:DOM
- D - Cow Ski Area
- .net core 2.0学习笔记(四):迁移.net framework 工程到.net core
- 【Luogu1272】重建道路(动态规划)
- python的迭代器、生成器、装饰器
- Microsoft宣布为Power BI提供AI模型构建器,关键驱动程序分析和Azure机器学习集成
- 把ajax包装成promise的形式(3)
- [Hive_7] Hive 中的 DDL 操作
- 第三篇-以LinearLayout进行Android界面设计
- Ubuntu 18.04使用sudo pip3报错
- SpringBoot2.0集成FastDFS
- Spring AOP失效之谜
- python subprocess中ssh命令的特殊性
- CS229 6.1 Neurons Networks Representation
热门文章
- UITableView 一直显示滚动条(ScrollBar Indicators)、滚动条Width(宽度)、滚动条Color(颜色)
- Unity3D知识框架
- mysql数据库学习目录
- Android文件下载之进度检测
- xprivacy改IMEI
- IOS开发之简单音频播放器
- Android之debug---menu的getActionView()return null
- 实验记录:Oracle redo logfile的resize过程
- Shp数据批量导入Postgresql工具的原理和设计
- ASP.NET CMS模板培训教程