浏览器实现复制内容到剪贴板 -- clipboard.js
2017-11-16 17:00
543 查看
因为产品涉及到分销以及分销统计之类的 需要根据分销者角色产生便于识别和统计的分销链接。因此后台管理系统在支持显式手动复制时也做了复制功能按钮,便于用户直接点击复制
1、引入clipboard.js 我引入的是clipboard.min.js
http://www.bootcdn.cn/clipboard.js/
2、填充
绑定事件: 准备工作都做好之后,作开始使用的是e.clearSelection()方法 但是短时间内频繁点击事件 会导致多条成功弹框
于是选择使用destroy()方法
3、演示效果
网上可以搜到很多教程的 之前不知道是不是不细心 clipboard的多种复制方法一直未成功 索性只选择了这种
1、引入clipboard.js 我引入的是clipboard.min.js
http://www.bootcdn.cn/clipboard.js/
2、填充
绑定事件: 准备工作都做好之后,作开始使用的是e.clearSelection()方法 但是短时间内频繁点击事件 会导致多条成功弹框
于是选择使用destroy()方法
3、演示效果
网上可以搜到很多教程的 之前不知道是不是不细心 clipboard的多种复制方法一直未成功 索性只选择了这种
相关文章推荐
- ZeroClipboard实现跨浏览器复制内容到剪贴板(附ZeroClipboard.js下载及使用教程)
- Clipboard.js : 移动端浏览器实现网页内容复制
- 使用clipboard.js实现页面内容复制到剪贴板
- Clipboard.js 不依赖Flash,把浏览器内容复制到系统剪贴板
- clipboard.js实现无flash复制内容到剪贴板
- ZeroclipboardJS+flash实现将内容复制到剪贴板实例
- ZeroClipboard.js复制内容到剪贴板(跨浏览器)
- Clipboard.js 框架实现移动端浏览器实现网页内容复制
- 《JS实现复制内容到剪贴板功能,可兼容所有PC浏览器,不兼容手机端》
- JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
- ZeroClipboard.js复制内容到剪贴板(跨浏览器)
- 使用clipboard.js实现页面内容复制到剪贴板
- JavaScript之Clipboard.js实现复制内容到剪贴板
- Clipboard.js : 移动端浏览器实现网页内容复制
- 使用clipboard.js实现页面内容复制到剪贴板
- 使用clipboard.js实现页面内容复制到剪贴板
- clipboard.js实现内容复制到剪贴板
- 使用clipboard.js实现复制文本内容到剪贴板
- js和zclip实现复制内容到剪贴板效果
- JS实现复制到剪贴板功能,兼容所有浏览器