consensus

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

  •  
  •   consensus · May 9, 2024 · 1729 views
    This topic created in 762 days ago, the information mentioned may be changed or developed.

    markdown

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

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

    -webkit-user-select: none;
    -webkit-touch-callout: none;
    consensus
        4
    consensus  
    OP
       May 10, 2024
    @xibolai 👍,在 IOS 的微信 H5 中,确实不出现了。但是我的长按高亮逻辑也没了 😮‍💨
    chnwillliu
        5
    chnwillliu  
       May 10, 2024 via Android
    pointer down event 里 prevent default ?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5117 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 48ms · UTC 09:32 · PVG 17:32 · LAX 02:32 · JFK 05:32
    ♥ Do have faith in what you're doing.