clipboard.js实现页面内容复制到剪贴板
2024-08-30 22:32:27
clipboard.js实现复制内容到剪切板,它不依靠flash以及其他框架,应用起来比较简单
<input type="text" name="copy_txt" id="copy_txt" value="6228 4600 8801 4620 974" readonly/>
<button id="copy" data-clipboard-action="copy" data-clipboard-target="#copy_txt">复制账号</button>
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="js/payway/clipboard.min.js"></script>
<script>
var clipboard = new Clipboard('.btn'); clipboard.on('success', function(e) {
console.log(e);
}); clipboard.on('error', function(e) {
console.log(e);
});
</script>
应用在移动端的时候出现了兼容问题,安卓可以完全适配,但是苹果手机要求Safari 10+才能使用,目前并没有解决的方法,
这样的话,我们改变了解决方案,使用click事件结合安卓、ios给到的复制规则来实现此功能。
最新文章
- 前端js调用七牛制作评价页面案例
- Visual studio智能感知挡住了当前代码输入行
- IDM主机上安装融合应用程序配置框架
- 祭奠我的csdn博客
- 局部更新listview的问题(只更新某个item)
- Linux epoll总结
- hashMap_使用
- Realm数据持久化方案的简单介绍和使用(二)
- MongoDB对应SQL语句
- 分享身为linux爱好者的成长及学习经历
- java web(四):request、response一些用法和文件的上传和下载
- AI - 学习路径(Learning Path)
- python,<;一>;读取文件open()
- Java、Apache Tomcat下载与安装及环境变量配置
- C++ GetUserName()
- 机器学习实战1-1 KNN电影分类遇到的问题
- MySQL 开启和查看bin-log日志
- Gson解析复杂JSON字符串的两种方式
- 【翻译自mos文章】在RHEL7/OL7上安装Oracle 12.1.0.2的server端或者client时,报须要&;quot;compat-libstdc++&;quot;包
- 【第二十六章】 hystrix-dashboard + turbine