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

[CSGO]

一个 html 有个背景 div ，里面放了一些图片啥的，在安卓的 chrome 上，本来是要长按复制 html 上的内容，但是很容易长按到空白区域的背景上，这时候就会弹出分享啊、下载、新标签打开此图片啥的菜单。

搜索了一下有个“onselectstart="return false" onselect="document.selection.empty()"”
添加到 div 中，似乎不起作用。

[ragnaroks]

style user-select:none

[dengshen]

@ragnaroks
@ragnaroks 这样就不能选中了。楼主的需求需要自己重写了

[ragnaroks]

@dengshen 能弹出操作的必然是 img 标签，对此标签不允许选择就行

[lingxiaoli]

-webkit-touch-callout: none;

[CSGO]

@ragnaroks
@lingxiaoli
都不行耶，还是会被长按到。

[ragnaroks]

codepen 把 demo 发出来

[CSGO]

@ragnaroks 是不是把 img 换成 div 的背景就能解决？我先试下。

[ragnaroks]

@CSGO 也可以，看你具体怎么写的，最好是吧代码放出来

[CSGO]

@ragnaroks 把 img 换成 div 也不行耶，现在是 div ，用手机 chrome 打开依然可以长按到背景： https://wyfang.github.io

[ragnaroks]

@CSGO 我这里测试，手机上的 firefox 、via 、chrome 在空白处长按均不会弹出针对 https://wyfang.github.io/img/bg.gif 的菜单

[ragnaroks]

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]

@ragnaroks 我也不会了，难道是我刚改完 github 还没推送完。。。太感谢你的细心回复