uni-app uni.showActionSheet(OBJECT)选项长按后点击跳转页面出现内容已复制弹窗

uni-app uni.showActionSheet(OBJECT)选项长按后点击跳转页面出现内容已复制弹窗

开发环境 版本号 项目创建方式
Windows windows10 HBuilderX

操作步骤：

  • 长按后再点击，多试几遍就会出现

预期结果：

  • 不出现提示弹窗

实际结果：

  • 有弹窗

bug描述：

  • uni.showActionSheet(OBJECT),选项长按后，在点击跳转页面会出现内容已复制弹窗

更多关于uni-app uni.showActionSheet(OBJECT)选项长按后点击跳转页面出现内容已复制弹窗的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

为什么没人答复你，社区问题/bug处理优先级规则，详情：https://ask.dcloud.net.cn/article/38139

更多关于uni-app uni.showActionSheet(OBJECT)选项长按后点击跳转页面出现内容已复制弹窗的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题是由于长按触发了系统的文本选择功能，导致出现复制弹窗。在移动端浏览器中，长按操作默认会触发文本选择菜单。

解决方案：

  1. 在需要禁用长按复制的元素上添加CSS样式：
.action-sheet-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
  1. 或者在页面级别的样式文件中全局设置：
page {
  -webkit-user-select: none;
  user-select: none;
}
回到顶部