html5: 复制到剪贴板 clipboard.js
2024-09-27 22:29:53
1、使用clipboard.min.js工具,引用此js
注意事项:
IOS微信网页开发中,若使用此工具来开发复制功能,则需要在超链接/按钮上新增 onclick=" "
2、clipboard使用
<li class="flex ai-center jc-sb">
<div class="reportCode">
<input class="fs-18" value="3VDK2109" readonly="readonly">
<div class="reportDate fs-13">2019.1.21</div>
</div>
<div class="reportEdit flex">
<div class="nextBtn fs-14 enable copyBtn" data-clipboard-text="Just because you can doesn't" onclick="">复制</div>
<div class="nextBtn fs-14">删除</div>
</div>
</li>
//复制
var clipboard = new ClipboardJS('.copyBtn');//点击class为copyBtn的按钮复制内容 clipboard.on('success', function(e) {
e.clearSelection();
showMsg('复制成功');
}); clipboard.on('error', function(e) {
showMsg('您的手机暂不支持,请长按进行复制');
});
function showMsg(data){
layer.open({
content: data,
skin: 'msg',
time: 2
})
}
最新文章
- Android点击效果
- iOS数据持久化文件读写之偏好设置
- sublimeText插件推荐
- HDR the Bungie Way PPT and demo from MSFT
- oracle 分页(rownum的理解) 以及 树节点的查询
- windows server 2008 R2 远程连接用户数修改
- Python读写文件需要注意的地方 2015-03-31 23:19 69人阅读 评论(0) 收藏
- 宏定义中使用do{}while(0)的好处 (转载)
- C iOcp
- Oracle 创建用户并且授权
- Eclipse创建一个JAVA WEB项目
- python对pywifi模块的认识
- 2018-2019-2 网络对抗技术 20165237 Exp6 信息搜集与漏洞扫描
- c++第三次实验
- MT【302】利用值域宽度求范围
- 第八周学习总结-C#、C++
- C# System.IO.StreamReader
- 浅谈 pid的原理与差异
- IO之4种字节流拷贝文件方式对比
- jrMz and angles(水题)