最简方式是按钮内联 oncontextmenu="return false"，仅影响该按钮及子元素；更可靠的方式是用 addeventlistener 并调用 e.preventdefault()；但无法拦截 shift+f10、禁用 js 后的右键、移动端长按及可访问性需求。
按钮上直接用 oncontextmenu="return false" 就行
只要按钮本身不需要右键交互，最简方式就是内联写死：<button oncontextmenu="return false">点我</button>。它只影响这个按钮及其子元素（比如按钮里嵌了 <span></span>），不会波及其他区域。注意必须带 return，写成 oncontextmenu="false" 或 oncontextmenu="" 都无效——浏览器会当普通字符串处理，不执行。
addEventListener('contextmenu', e => e.preventDefault()) 更可靠
尤其在动态渲染、框架组件或需要条件控制时，JS 绑定更稳：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 必须调用
e.preventDefault()，return false在addEventListener里只阻止冒泡，不阻止默认菜单 - 绑定到具体按钮比绑
document安全，避免误拦输入框、下拉框等本该支持右键的控件 - 如果按钮是后续 JS 插入的，得在插入后立即绑定，或用事件委托（但委托到父级时要小心
e.target判断）
为什么按钮右键禁用后还能被绕过？
这不是代码写错了，而是浏览器机制决定的：
- 用户禁用 JavaScript 后，所有
oncontextmenu和addEventListener全失效 -
Shift+F10键盘唤出的菜单无法被 JS 拦截 - 开发者工具里删掉
oncontextmenu属性或执行button.oncontextmenu = null，立刻恢复 - 按钮里的图片、文字仍可通过选中+复制、网络面板直接下载源资源
别忽略可访问性和移动端
禁用右键对屏幕阅读器用户可能造成操作障碍，尤其当按钮依赖右键触发辅助功能时；iOS/Android 上长按按钮会触发系统级菜单（如“翻译”“搜索”），contextmenu 事件根本不会触发，preventDefault() 对它无效。真要弱化，得配合：draggable="false"、CSS 的 -webkit-touch-callout: none 和 user-select: none，但效果有限。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
