全部代码如下

Clipboard.js无需Flash实现剪贴板功能

* {margin: 0; padding:0; font-family: '微软雅黑'}

#con {width: 800px; overflow: hidden; padding: 10px; margin: 20px auto; background: #F9F9F9; border: 1px solid #ccc;}

h3 {text-align: center; color: red;}

.copy {width: 400px; height: 100px; margin: 10px auto;}

.inp {width: 288px; height: 38px; border: 1px solid #3BB4F2; border-right: 1px; outline:none; float: left; font-size: 20px; color:red; padding: 0 5px;}

.btn {width: 100px; height: 40px; border: none; float: left; color: #fff; background: #3BB4F2; outline:none; font-size: 24px;}

.btn1 {border-radius: 5px; margin-left:150px; margin-top: 10px;}

.div_copy {width: 400px; height: 100px; margin: 10px auto; text-align: center;}

#dd {border: 1px solid #ccc; padding: 5px; color: red;}

复制表单里面的

复 制

复制DIV里面的

百度经验复制DIV里面的内容

复 制

//实例化Clipboard对象并把复制按钮的类.btn传进去

var clipboard = new Clipboard('.btn');

clipboard.on('success', function(e) {

//这里是layer.js的一个弹层提示效果

layer.msg('复制成功');

console.log(e);

});

clipboard.on('error', function(e) {

console.log(e);

});

//实例化Clipboard对象并把复制按钮的类.btn1传进去

var clipboard1 = new Clipboard('.btn1');

clipboard1.on('success', function(e) {

//这里是layer.js的一个弹层提示效果

layer.msg('复制成功',{

time: 3000, //3s后自动关闭

btn: ['明白了', '知道了']

});

console.log(e);

});

clipboard1.on('error', function(e) {

console.log(e);

});

autojs 复制到粘贴板_Clipboard.js无需Flash实现剪贴板功能相关推荐

  1. ios下js复制到粘贴板_h5实现一键复制到粘贴板 兼容ios

    实现原理 采用document.execCommand('copy') 来实现复制到粘贴板功能 复制必须是选中input框的文字内容,然后执行document.execCommand('copy') ...

  2. 通过纯js代码实现将指定内容复制到粘贴板(兼容各主流浏览器)

    通过纯js代码实现将指定内容复制到粘贴板(兼容各主流浏览器) 1.业务需求: vue项目需要通过点击button按钮将指定内容复制到粘贴板中,且不引入第三方组件. 2.解决方案: js写法如下(这里是 ...

  3. h5实现一键复制到粘贴板 兼容iOS

    copyText = (text) => {// 数字没有 .length 不能执行selectText 需要转化成字符串const textString = text.toString();l ...

  4. html 一键复制 ios,h5实现一键复制到粘贴板-兼容ios

    实现原理 采用document.execCommand('copy')来实现复制到粘贴板功能 复制必须是选中input框的文字内容,然后执行document.execCommand('copy')命令 ...

  5. h5 实现一键复制到粘贴板 兼容iOS

    效果展示 先贴上测试连接 http://cdn.foundao.com/zhaosheng/copytext 实现原理 采用 document.execCommand('copy') 来实现复制到粘贴 ...

  6. Qt实现一个简易截图工具(支持缩放、移动、保存、复制到粘贴板)

    概述 windows平台,使用Qt Widget实现一个简易截图工具,支持选区角落拖动缩放.选区移动,支持保存,复制到粘贴板,支持快捷键调出截图.退出截图.暂不支持对截图进行编辑操作,以及鼠标移动到程 ...

  7. tkinter的Treeview使用,tkinter的网格图形界面,包括排序,复制到粘贴板,导出excel,以及右键弹出菜单

    第一次用CSDN,有不好的请见谅. 这里的treeview是做GUI的表格界面,.net里很简单,拖个控件就解决了,但tkinter里还蛮麻烦的,连复制粘贴都得自己写进去,最后实现的效果如下: 我自己 ...

  8. ios下js复制到粘贴板_EXCEL被你忽视的粘贴板-11

    这一节我们来聊聊粘贴板的用途,什么?你居然没用过粘贴板?平时只是ctrl+c,然后ctrl+v,好吧,那我们看看粘贴板到底能干些啥. 1.提取区域内的内容 有时我们选择一块区域发给同事,但当他需要编辑 ...

  9. js兼容安卓与ios的复制到粘贴板功能

    第一种使用clipboard: 上面也说了,已经迁移到clipboard-polyfill 兼容性: 第二种使用clipboard-polyfill: github地址:https://github. ...

最新文章

  1. kubelet配置cni插件_kubernetes网络插件对比分析(flannel、calico、weave)
  2. Unity3D 2017软件安装教程
  3. 动态分辨率是什么意思_ISP基础(02):宽动态范围WDR
  4. java自增自减很难理解_关于java中自增,自减,和拓展运算符的小讨论
  5. 面向对象-多态的实现
  6. 转:巧用搜狗输入法输入英文单词
  7. leetcode刷题——415. 字符串相加
  8. 1.从Paxos到Zookeeper分布式一致性原理与实践---分布式架构
  9. roboto字体android,Android字体设置 Roboto字体使用
  10. jq 获取引入页面url_jQuery获取当前页面的URL信息
  11. Petalinux EMMC启动
  12. (二)智能化技术如何赋能能源数字化转型及智慧化应用?
  13. openwrite Test
  14. 4k显示器用html好还是dp,2K、4K显示器的高清线你造怎么选吗?
  15. 关于SQL_Errno1677导致主从复制中断处理
  16. Java File文件操作
  17. 嵌入式Linux开发环境搭建(二)
  18. Java岗大厂面试百日冲刺 - 日积月累,每日三题【Day19】—— 集合框架3
  19. pandas-组操作-拆分-应用-组合(groupby)(三)
  20. IT人的学习方法论---一定要沉淀成自己的

热门文章

  1. Sqlserver2008安装与配置(附下载地址)
  2. swing 文本框双击Ctrl,触发删除全部并黏贴
  3. 关于Tomcat调用Weblogic容器Ejb T3协议
  4. 关于如何设置 Linux 的 IP配置
  5. 腾讯企业邮箱:创建邮件授权码
  6. 小程序源码:登录已修复零象垃圾废品回收微信小程序源码下载,V2.8.2完整全开源前端+后端
  7. poj 2709 Painter——贪心 买颜料问题
  8. ztree java 异步_使用 zTree 异步加载
  9. 【Verilog基础】一文搞懂线性反馈移位寄存器(LFSR)
  10. 题目 1557:聪明的美食家(动态规划)