H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端技术】clipboard.js复制插件在移动端和web的踩坑记录

在移动端页面使用clipboard.js开发复制功能不同于web页面,它会受到某些样式的影响,比如如果我们设置user-select: none;可能就会使移动端复制不到内容,我这边后来是使用给目标元素设置一个data-clipboard-text 属性来解决的这个问题。
image.png
注意点:
1、复制按钮需要是button标签;
2、移动端要注意是否有设置和touch相关的样式禁用;
3、复制功能用的是原生api:
此处附clipboard.js源代码:clipboard.js源码

本文地址:H5W3 » 【前端技术】clipboard.js复制插件在移动端和web的踩坑记录

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址