移动端禁用长按弹窗需组合 CSS（-webkit-touch-callout: none + user-select: none）+ touchstart.preventDefault() + contextmenu.preventDefault()；仅靠 -webkit-touch-callout 在安卓微信中基本失效，因 X5 内核忽略该属性；pointer-events: none 虽快但彻底禁交互，不适用于需点击或自定义长按的场景；输入框等可编辑元素须显式恢复 user-select: auto；事件监听必须绑定到目标元素本身，不可委托。
移动端长按弹窗（复制/保存图片/搜索等）不能靠单一样式一劳永逸，必须组合使用 CSS 属性 + 事件拦截，且要区分 iOS 和 Android 微信 WebView 的差异。
为什么 -webkit-touch-callout: none 单独用在安卓微信里基本失效
iOS Safari 对 -webkit-touch-callout 支持稳定，但安卓版微信内置浏览器（X5 内核）和部分国产浏览器（如华为、小米自带浏览器）会忽略该属性，仅靠它无法禁用长按菜单。实测中，即使加了该声明，长按图片或文字仍会弹出“保存图片”或“搜索”选项。
-
-webkit-touch-callout只影响 iOS 系统级呼出菜单，对安卓无实质约束力 - 安卓端真正起效的是
user-select: none配合touchstart事件拦截 - 微信安卓环境还会监听
contextmenu事件，需显式preventDefault()
推荐的最小可行组合：CSS + touchstart + contextmenu
只改样式或只绑 JS 都容易漏掉平台，三者叠加才能覆盖主流场景。重点不是全页面一刀切，而是精准作用于目标区域。
- 给需要禁用的容器加类名，比如
.no-longpress，避免污染input、textarea等可编辑元素 - CSS 中写：
.no-longpress { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } - JS 中监听并阻止事件：
document.querySelectorAll('.no-longpress').forEach(el => { el.addEventListener('touchstart', e => e.preventDefault()); el.addEventListener('contextmenu', e => e.preventDefault()); }); - 注意：不要在
body或html上直接绑定touchstart，否则可能干扰滚动、聚焦等基础交互
pointer-events: none 能禁图片长按，但会彻底禁用所有交互
对纯展示型图片，img { pointer-events: none; } 是最快捷的方案，iOS 和安卓微信都有效——但它会让图片完全无法响应点击、拖拽、tap 等任何事件，不适用于需要自定义长按逻辑（如游戏拖动、画布操作）的场景。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
- 适合：静态图册、禁止保存的宣传页
- 不适合：拼图、涂鸦、地图缩放等依赖触控反馈的功能
- 若必须保留点击但禁长按，得回退到前一节的组合方案，不能偷懒只用
pointer-events
输入框和 contenteditable 元素必须单独放行
全局设置 user-select: none 后，input、textarea、带 contenteditable="true" 的 div 会失去文本选择能力，导致无法光标定位、无法复制粘贴——这不是 bug，是样式生效了。
- 必须显式覆盖：
input, textarea, [contenteditable] { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } - 如果用了第三方富文本编辑器（如 Quill、Tiptap），还要检查其内部是否动态插入了不可编辑的 wrapper，可能需额外加权处理
- 测试时务必在真机上验证：iOS Safari、微信 iOS、微信安卓、Chrome 安卓，四端缺一不可
最常被忽略的一点：微信安卓环境下，仅靠 CSS 不足以阻止长按弹窗，touchstart.preventDefault() 必须存在，且不能被父级事件捕获阶段的 stopPropagation() 拦截掉——这意味着事件监听器得挂载在目标元素本身，而不是靠事件委托。
