js实现复制到剪贴板
来源:互联网 发布:海沧广电网络营业厅 编辑:程序博客网 时间:2024/05/02 23:28
以前用js实现复制内容到剪贴板是比较麻烦的,不过总有大神给我们提供各种库,如clipboard.js,所以一切变得比较简单了。
下载地址:https://clipboardjs.com/
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="js/jquery-1.11.2.min.js"></script> <script src="js/clipboard.min.js"></script> <title>复制到剪贴板!</title></head><body><p>居然可以这样!<span id="foo">这是复制的内容,嘿嘿!</span></p><button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo" id="copy_btn"> 复制按钮</button></body><script> $(document).ready(function(){ var fooText=$("#foo").text(); var clipboard = new Clipboard('#copy_btn'); clipboard.on('success', function(e) { console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); alert("复制成功"); e.clearSelection(); }); });</script></html>
注:经测试,移动端的浏览器无法实现。
clipboard.js
clipboard.js
clipboard.js
0 0
- JS实现复制到剪贴板
- JS实现复制到剪贴板
- js实现复制到剪贴板
- js实现复制到剪贴板
- JS实现复制到剪贴板
- JS 实现复制到剪贴板
- js实现复制到剪贴板(IE,firefox)
- 网页实现复制到剪贴板js
- 如何用js实现复制到剪贴板
- JS实现复制到剪贴板功能
- js 实现复制内容到剪贴板
- JS实现各种复制到剪贴板
- JS实现各种复制到剪贴板
- clipboard.js实现内容复制到剪贴板
- JS实现各种复制到剪贴板
- 纯js实现复制到剪贴板功能
- 纯js实现复制到剪贴板
- JS实现各种复制到剪贴板
- 架构设计:生产者/消费者模式 第5页:环形缓冲区
- 链表中倒数第K个结点
- [通用类]---代码计算适配
- debian 8 gnome3 下 中文输入法 安装fcitx
- Android AutoLayout全新的适配方式 堪称适配终结者
- js实现复制到剪贴板
- 用JAVA实现删除注释
- android:padding和android:margin的区别
- Core Animation 动画
- JS中showModalDialog 详细使用
- 架构设计:生产者/消费者模式 第6页:环形缓冲区的实现
- js闭包
- 设置Windows CMD语言环境
- c/c++工程修改枚举变量惹的祸