V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
consensus
V2EX  ›  前端开发

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

  •  
  •   consensus · 231 天前 · 820 次点击
    这是一个创建于 231 天前的主题,其中的信息可能已经有所发展或是发生改变。

    markdown

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

    5 条回复    2024-05-10 19:28:04 +08:00
    PqgpNgA0wk
        1
    PqgpNgA0wk  
       231 天前
    这是啥应用场景啊
    consensus
        2
    consensus  
    OP
       231 天前
    @PqgpNgA0wk 产品想要的功能是在 H5 中划选,然后收藏选中的文本。但是实际操作中,图中的弹窗无法禁用,会出现两个弹窗,一个是系统的,一个是我们产品自定义的,页面会显示的很奇怪
    xibolai
        3
    xibolai  
       231 天前
    css 加上这 2 行:

    -webkit-user-select: none;
    -webkit-touch-callout: none;
    consensus
        4
    consensus  
    OP
       231 天前
    @xibolai 👍,在 IOS 的微信 H5 中,确实不出现了。但是我的长按高亮逻辑也没了 😮‍💨
    chnwillliu
        5
    chnwillliu  
       230 天前 via Android
    pointer down event 里 prevent default ?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4058 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 04:12 · PVG 12:12 · LAX 20:12 · JFK 23:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.