资讯专栏INFORMATION COLUMN

移动端复制文本到粘贴板,clipboard.js的使用,移动端与PC端复制粘贴兼容写法

kid143 / 2956人阅读

摘要:首先引用文本文档要用复制按钮要用去掉文字检查,不可编辑,插件自带的属性样式代码至此,兼容移动端和端的复制粘贴功能完美实现,感谢作者作者来源原文版权声明本文为博主原创文章,转载请附上博文链接

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代码

至此,兼容移动端和PC端的复制粘贴功能完美实现,感谢 clipboard.js 作者!!

作者:_Alverson
来源:CSDN
原文:https://blog.csdn.net/shn923/...
版权声明:本文为博主原创文章,转载请附上博文链接!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116020.html

相关文章

  • 移动复制文本粘贴clipboard.js使用移动PC复制粘贴兼容写法

    摘要:首先引用文本文档要用复制按钮要用去掉文字检查,不可编辑,插件自带的属性样式代码至此,兼容移动端和端的复制粘贴功能完美实现,感谢作者作者来源原文版权声明本文为博主原创文章,转载请附上博文链接 1.首先引用clipboard.js 2.html 文本文档要用textarea,复制按钮要用button 9999999 spellcheck=false去掉文字检查,readonly不可编辑...

    legendmohe 评论0 收藏0
  • 移动复制文本粘贴clipboard.js使用移动PC复制粘贴兼容写法

    摘要:首先引用文本文档要用复制按钮要用去掉文字检查,不可编辑,插件自带的属性样式代码至此,兼容移动端和端的复制粘贴功能完美实现,感谢作者作者来源原文版权声明本文为博主原创文章,转载请附上博文链接 1.首先引用clipboard.js 2.html 文本文档要用textarea,复制按钮要用button 9999999 spellcheck=false去掉文字检查,readonly不可编辑...

    Caicloud 评论0 收藏0
  • 在vue移动项目中,配合clipboard.js插件,复制一段密令(类似淘宝支付宝口令)文本

    摘要:需求开发过程中遇到的需求需要复制请求过来的一段密令类似支付宝淘宝口令到剪切板。网上搜了下,是个相对比较靠谱的第三方。感谢大佬的评论意见使用该方法,会在下次更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的。 需求 开发过程中遇到的需求需要复制 请求过来的一段密令(类似支付宝淘宝口令)到剪切板。 pc端的文本复制到剪切板 如果是在pc端的话,可以直接使用原生js进...

    brianway 评论0 收藏0
  • 在vue移动项目中,配合clipboard.js插件,复制一段密令(类似淘宝支付宝口令)文本

    摘要:需求开发过程中遇到的需求需要复制请求过来的一段密令类似支付宝淘宝口令到剪切板。网上搜了下,是个相对比较靠谱的第三方。感谢大佬的评论意见使用该方法,会在下次更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的。 需求 开发过程中遇到的需求需要复制 请求过来的一段密令(类似支付宝淘宝口令)到剪切板。 pc端的文本复制到剪切板 如果是在pc端的话,可以直接使用原生js进...

    Lyux 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<