V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
CSGO
V2EX  ›  问与答

html 中,如何让安卓 Chrome 禁止被长按呼出菜单?

  •  
  •   CSGO · 2022-08-31 17:09:06 +08:00 · 1228 次点击
    这是一个创建于 814 天前的主题,其中的信息可能已经有所发展或是发生改变。
    一个 html 有个背景 div ,里面放了一些图片啥的,在安卓的 chrome 上,本来是要长按复制 html 上的内容,但是很容易长按到空白区域的背景上,这时候就会弹出分享啊、下载、新标签打开此图片啥的菜单。

    搜索了一下有个“onselectstart="return false" onselect="document.selection.empty()"”
    添加到 div 中,似乎不起作用。
    12 条回复    2022-09-01 16:35:46 +08:00
    ragnaroks
        1
    ragnaroks  
       2022-08-31 19:36:23 +08:00
    style user-select:none
    dengshen
        2
    dengshen  
       2022-08-31 23:28:26 +08:00 via iPhone
    @ragnaroks
    @ragnaroks 这样就不能选中了。楼主的需求需要自己重写了
    ragnaroks
        3
    ragnaroks  
       2022-09-01 08:14:11 +08:00
    @dengshen 能弹出操作的必然是 img 标签,对此标签不允许选择就行
    lingxiaoli
        4
    lingxiaoli  
       2022-09-01 10:41:11 +08:00
    -webkit-touch-callout: none;
    CSGO
        5
    CSGO  
    OP
       2022-09-01 11:29:16 +08:00
    @ragnaroks
    @lingxiaoli
    都不行耶,还是会被长按到。
    ragnaroks
        6
    ragnaroks  
       2022-09-01 11:31:27 +08:00
    codepen 把 demo 发出来
    CSGO
        7
    CSGO  
    OP
       2022-09-01 11:35:35 +08:00 via Android
    @ragnaroks 是不是把 img 换成 div 的背景就能解决?我先试下。
    ragnaroks
        8
    ragnaroks  
       2022-09-01 11:41:20 +08:00
    @CSGO 也可以,看你具体怎么写的,最好是吧代码放出来
    CSGO
        9
    CSGO  
    OP
       2022-09-01 15:45:55 +08:00
    @ragnaroks 把 img 换成 div 也不行耶,现在是 div ,用手机 chrome 打开依然可以长按到背景: https://wyfang.github.io
    ragnaroks
        10
    ragnaroks  
       2022-09-01 16:11:43 +08:00   ❤️ 1
    @CSGO 我这里测试,手机上的 firefox 、via 、chrome 在空白处长按均不会弹出针对 https://wyfang.github.io/img/bg.gif 的菜单
    ragnaroks
        11
    ragnaroks  
       2022-09-01 16:16:07 +08:00   ❤️ 1
    body 下创建一个新 div

    div.bgp {
    filter: opacity(10%) blur(10px);
    background-image: url(/img/bg.gif);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    position: fixed;
    user-select: none;
    }

    div.wifi-body {
    z-index: 1;
    }
    CSGO
        12
    CSGO  
    OP
       2022-09-01 16:35:46 +08:00
    @ragnaroks 我也不会了,难道是我刚改完 github 还没推送完。。。太感谢你的细心回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2253 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:11 · PVG 00:11 · LAX 08:11 · JFK 11:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.