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

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

  •  
  •   consensus · 13 天前 · 401 次点击

    markdown

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

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

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