直接禁用浏览器原生长按菜单需同时设置三项CSS：user-select: none、-webkit-user-drag: none、pointer-events: auto，并配合JS长按事件兜底拦截，而非依赖uni-app API或单一CSS属性。
直接禁用浏览器原生长按菜单即可，不是 uni-app 的 API 问题，而是 H5 端的 CSS + 事件控制问题。
为什么 H5 点击/长按图片会弹出系统菜单
这是 iOS Safari 和部分 Android 浏览器的默认行为：当图片可被选中或长按时，会触发原生上下文菜单（“保存图片”“在新标签页打开”等）。uni-app 本身不干预这个行为，它发生在 WebView 渲染层，和 uni.previewImage 无关。
常见错误是以为加了 @click.stop 或 user-select: none 就够了，其实漏掉了关键组合项。
- 仅设
user-select: none不足以阻止长按菜单，尤其在 iOS 上 - 仅用
@touchstart.prevent会破坏所有手势（包括双指缩放、滑动预览） - 没禁用
-webkit-user-drag: none，iOS 下仍可能拖拽出图
必须同时设置的三项 CSS 规则
在图片容器或 <img> 标签上应用以下样式（推荐写在 class 里统一复用）：
-
user-select: none—— 禁止文字选择（连带抑制部分菜单触发） -
-webkit-user-drag: none—— 阻止 iOS Safari 拖拽图片触发菜单 -
pointer-events: auto（显式声明）—— 避免父级pointer-events: none意外继承导致点击失效
示例：
.no-preview-img {
user-select: none;
-webkit-user-drag: none;
pointer-events: auto;
}
额外补充：H5 端需手动拦截长按事件（防漏）
某些安卓浏览器或旧版 Safari 仍可能漏掉 CSS 控制，需 JS 层兜底。重点不是“阻止所有长按”，而是只在单指长按且未缩放时拦截：
- 监听
touchstart，记录起始时间与e.touches.length - 在
touchend时判断：若e.touches.length === 0且持续 ≥ 800ms，且当前无缩放态，则调用e.preventDefault() - 务必在
touchmove中检测到多指（e.touches.length > 1）时清除定时器，否则会误杀双指缩放
不建议全局绑定 document.addEventListener('contextmenu', e => e.preventDefault())，它会禁用右键调试等开发行为，且对移动端无效。
注意：不要混淆 previewImage 和浏览器菜单
uni.previewImage 是主动调用的全屏预览，和这里说的“点击弹出系统菜单”完全无关。如果你发现点了图片就跳转或闪退，大概率是：urls 数组里混入了空值、404 地址，或传了索引而非 URL 给 current 参数 —— 这属于 uni.previewImage 的使用错误，不是菜单问题。
真正容易被忽略的是：iOS Safari 对 -webkit-user-drag 的支持从 Safari 15.4 才稳定，低于此版本需 fallback 到透明遮罩层覆盖图片（但会牺牲可访问性），这种兼容细节往往在真机测试阶段才暴露。
