js复制插件clipboard全平台兼容
时间:2022-05-31
本文章向大家介绍js复制插件clipboard全平台兼容,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
前面转载过一个篇简单《通过js实现复制到剪贴板功能》,但是兼容性不是很理想,有幸今天找到一个全平台通用的js,适用于Chrome 42+、Firefox 41+ 、Edge 12+、IE 9+、Opera 29+、Opera 29+等平台
手机上也测试过可以使用的
使用教程:
先引用js
<script src="clipboard.min.js"></script>
下面是html
<a id="copyValue" data-clipboard-target='#copyValue' href="#">内容</a>
之后在加上一段js
<script>
var clipboard = new ClipboardJS('#copyValue');
clipboard.on('success',function(e){
e.clearSelection();
alert('复制成功');
});
clipboard.on('error',function(e){
e.clearSelection();
alert('复制失败');
});
</script>
其中#copyValue是id,这样就能实现一个几乎全平台的复制功能了
github项目地址:https://github.com/zenorocha/clipboard.js/
还有更多高级用法,敬请学习。
你也可以去我的前端在线运行测试中进行测试你的前端代码:http://tools.yum6.cn/run
- BAT人工智能生态时局图:全面战争爆发前夜
- AI博弈论:DeepMind让智能体在非对称博弈中找纳什均衡
- 斯坦福吴恩达团队公布最大医学影像数据集
- Rokid祝明铭:大腿我们不抱,人机交互产品形态未定 | 变局者
- 腾讯AI让二子,柯洁还是输了
- AI创业者的“英雄联盟”,腾讯AI加速器二期项目招募开启
- PyTorch发布一周年:盘点社区和工程大事件,后来者居上态势已显?
- 2018年AI如何发展?普华永道做出了8点预测 | 报告下载
- 不正之风!机器学习论文里都有哪四大投机取巧的写作手法?
- 前端写一个月的原生 Android 是怎样一种体验?
- 给人挖矿还不自知 电脑已变黑客肉鸡
- 反序列化漏洞屡被黑客利用,危害巨大,代码怎样写才安全?
- Mifa 主题微信编辑器
- Mifa GitHub Pages 主题
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 浏览器中的跨域问题与 CORS
- Entity Framework 小知识(二)
- 教育平台项目前端:Vue.js 高级
- Entity Framework 简单属性映射
- Entity Framework复杂类型属性映射
- Entity Framework 小知识(三)
- 教育平台项目前端:项目前后端接口联调,项目上线部署发布
- Entity Framework 索引
- 还在手动部署SpringBoot应用?试试这个自动化插件!
- Entity Framework 小知识(四)
- C# 三个Timer
- MyBatis:基本应用
- 控制反转/依赖注入简明教程
- Entity Framework 一对多关系映射
- 不要再重复造轮子了,这款开源工具类库贼好使!