通过JS+H5实现复制内容到剪贴板上
来源:互联网 发布:淘宝刷店铺收藏量软件 编辑:程序博客网 时间:2024/05/28 04:52
目前很多实现剪贴板复制操作是通过flash+js实现的,但是随着各个浏览器厂商屏蔽flash后,这种方法不再是可行的。由于Html5提供了剪贴板操作事件,我们可以通过Hhtml5的提供的oncopy,oncut,onpaste三个事件实现上述功能。
github上有一个开源的基于上述方法实现的插件clipboardjs(https://clipboardjs.com/)。他可以实现复制,剪切,黏贴操作。具体调用如下:
<div>hello</div><button class="btn" data-clipboard-action="copy" data-clipboard-target="div">Copy</button><script src="clipboard.min.js"></script><script>var clipboard = new Clipboard('.btn'); clipboard.on('success', function(e) { console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); e.clearSelection();}); clipboard.on('error', function(e) { console.error('Action:', e.action); console.error('Trigger:', e.trigger);});</script>还不错,以上的几个事件各大厂商都支持。
1 0
- 通过JS+H5实现复制内容到剪贴板上
- js 实现复制内容到剪贴板
- clipboard.js实现内容复制到剪贴板
- js复制内容到剪贴板
- JS复制内容到剪贴板
- 复制内容到剪贴板,JS以及Flash的实现
- 使用clipboard.js实现页面内容复制到剪贴板
- js和zclip实现复制内容到剪贴板效果
- clipboard.js实现无flash复制内容到剪贴板
- 使用clipboard.js实现页面内容复制到剪贴板
- 使用clipboard.js实现页面内容复制到剪贴板
- 浏览器实现复制内容到剪贴板 -- clipboard.js
- JS实现复制到剪贴板
- JS实现复制到剪贴板
- js实现复制到剪贴板
- js实现复制到剪贴板
- JS实现复制到剪贴板
- JS 实现复制到剪贴板
- svm简介及分类器内容说明
- 实践mysql 的隔离级别
- [已解决]AutoCompleteTextView 不显示匹配的内容,因为将空的内容添加进去了
- 九月二十日Oracle课上练习
- js时分秒倒计时
- 通过JS+H5实现复制内容到剪贴板上
- UVa - 1625 Color Length 颜色的长度 动态规划 重庆一中高2018级竞赛班第十次测试 2016.9.16 Problem 2
- 3.3.1. vector 对象的定义和初始化
- Tomcat favicon.ico 404的问题
- 实现记住密码功能(SharedPreferences的使用)与强制下线
- 常用类:
- 数据库SQL语句 SELECT LIKE like用法详解
- Java 遇到问题理解
- Math类: