微信 H5 中如何阻止系统自带的长按文本后出来的弹窗 ?

190 天前
 consensus

请教一下各位,我想要实现的功能点:H5 文本划选高亮,功能是可以实现,但是会出现如图的弹窗,不清楚如何隐藏。或者有什么其他方案吗 ?

769 次点击
所在节点    前端开发
5 条回复
PqgpNgA0wk
190 天前
这是啥应用场景啊
consensus
190 天前
@PqgpNgA0wk 产品想要的功能是在 H5 中划选,然后收藏选中的文本。但是实际操作中,图中的弹窗无法禁用,会出现两个弹窗,一个是系统的,一个是我们产品自定义的,页面会显示的很奇怪
xibolai
190 天前
css 加上这 2 行:

-webkit-user-select: none;
-webkit-touch-callout: none;
consensus
189 天前
@xibolai 👍,在 IOS 的微信 H5 中,确实不出现了。但是我的长按高亮逻辑也没了 😮‍💨
chnwillliu
189 天前
pointer down event 里 prevent default ?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1039164

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX