摘要:首先引用文本文档要用复制按钮要用去掉文字检查,不可编辑,插件自带的属性样式代码至此,兼容移动端和端的复制粘贴功能完美实现,感谢作者作者来源原文版权声明本文为博主原创文章,转载请附上博文链接
1.首先引用clipboard.js
2.html
文本文档要用textarea,复制按钮要用button
spellcheck="false"去掉文字检查,readonly不可编辑,data-clipboard-action="copy" data-clipboard-target="#number"插件自带的属性
3.css样式
.show .num .number {
font-style: normal;
color: #d2c79d;
touch-action: manipulation;
background-color: transparent!important;
font-size: 15px;
outline: none;
resize: none;
border: none;
height: 16px;
overflow: hidden;
}
.show .num .copy {
background-color: transparent!important;
-webkit-tap-highlight-color: transparent!important;
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
}
4.js代码
作者:_Alverson
来源:CSDN
原文:https://blog.csdn.net/shn923/...
版权声明:本文为博主原创文章,转载请附上博文链接!
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/54762.html
摘要:首先引用文本文档要用复制按钮要用去掉文字检查,不可编辑,插件自带的属性样式代码至此,兼容移动端和端的复制粘贴功能完美实现,感谢作者作者来源原文版权声明本文为博主原创文章,转载请附上博文链接 1.首先引用clipboard.js 2.html 文本文档要用textarea,复制按钮要用button 9999999 spellcheck=false去掉文字检查,readonly不可编辑...
摘要:首先引用文本文档要用复制按钮要用去掉文字检查,不可编辑,插件自带的属性样式代码至此,兼容移动端和端的复制粘贴功能完美实现,感谢作者作者来源原文版权声明本文为博主原创文章,转载请附上博文链接 1.首先引用clipboard.js 2.html 文本文档要用textarea,复制按钮要用button 9999999 spellcheck=false去掉文字检查,readonly不可编辑...
摘要:需求开发过程中遇到的需求需要复制请求过来的一段密令类似支付宝淘宝口令到剪切板。网上搜了下,是个相对比较靠谱的第三方。感谢大佬的评论意见使用该方法,会在下次更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的。 需求 开发过程中遇到的需求需要复制 请求过来的一段密令(类似支付宝淘宝口令)到剪切板。 pc端的文本复制到剪切板 如果是在pc端的话,可以直接使用原生js进...
摘要:需求开发过程中遇到的需求需要复制请求过来的一段密令类似支付宝淘宝口令到剪切板。网上搜了下,是个相对比较靠谱的第三方。感谢大佬的评论意见使用该方法,会在下次更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的。 需求 开发过程中遇到的需求需要复制 请求过来的一段密令(类似支付宝淘宝口令)到剪切板。 pc端的文本复制到剪切板 如果是在pc端的话,可以直接使用原生js进...
阅读 3116·2021-11-22 09:34
阅读 2763·2021-09-22 15:28
阅读 781·2021-09-10 10:51
阅读 1817·2019-08-30 14:22
阅读 2227·2019-08-30 14:17
阅读 2700·2019-08-30 11:01
阅读 2266·2019-08-29 17:19
阅读 3599·2019-08-29 13:17