博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
记使用clipboard.js完成剪切板功能
阅读量:5773 次
发布时间:2019-06-18

本文共 421 字,大约阅读时间需要 1 分钟。

前端收到一个需求,用户点击按钮,将url参数放到剪切板

经过查找选定了clipboard.js,然后样例是这么写的:

通过input输入框的value值,去放到剪切板里面。

然而,在开发中遇到了问题,input框怎么隐藏,由于项目是内嵌H5页面,项目无法运行,只能在测试服务器上运行,所以,在本地写了test.html做测试。
隐藏方案1:
width=0-----X
无法使用,原因无法使用到value,至于为什么width会影响到value值,有待查证,不知。
隐藏方案2:
opciaty:0----X
有缺陷。原因是手机端点到input会出现键盘
缺陷解决方案1:
diabled----X
无法使用,原因自己也无法给input赋值。
缺陷解决方案2:
oInput.setAttribute("readonly","true");
一进去页面给input赋值,之后将input改成只读的。成功解决问题。

总结

转载地址:http://ygaux.baihongyu.com/

你可能感兴趣的文章
Mirai变种预警
查看>>
如何压缩word文档的大小
查看>>
选择云桌面你的出发点是什么
查看>>
花生日记涉传销,给了互联网企业什么启示
查看>>
详解区块链中EOS的作用。
查看>>
我的友情链接
查看>>
Oracle Statspack报告中各项指标含义详解
查看>>
mysql-error 1236
查看>>
server-sent-event使用流信息向客户端发送数据
查看>>
sshd_config设置参数笔记
查看>>
循序渐进Docker(一)docker简介、安装及docker image管理
查看>>
CentOS 6.2 安装 Samba
查看>>
jsp页面修改后浏览器中不生效
查看>>
大恶人吉日嘎拉之走火入魔闭门造车之.NET疯狂架构经验分享系列之(四)高效的后台权限判断处理...
查看>>
Oracle HRMS,PeopleSoft HR,SAP HR区别
查看>>
信号量实现进程同步
查看>>
Android-出现Read-only file system的解决方法
查看>>
vuejs4-v-if指令
查看>>
bootstrap50-按钮下拉菜单的大小
查看>>
Spring4-自动装配Beans-通过构造函数参数的数据类型按属性自动装配Bean
查看>>