禁用右键本质是拦截contextmenu事件而非真正禁用，仅能阻止默认菜单；内联oncontextmenu="return false"最简捷，addEventListener配合e.preventDefault()更灵活；但JS禁用可被禁用脚本、快捷键、开发者工具等绕过，无法替代服务端防护。
禁用右键点击在 HTML 中本质是阻止 contextmenu 事件，但必须明确：它不能真正“禁用”右键，只能拦截浏览器默认的上下文菜单行为；用户仍可通过开发者工具、快捷键（如 Shift+F10）、或禁用 JS 后直接触发——这层限制无法绕过。
直接绑定 oncontextmenu 属性最简单
适合快速屏蔽整个页面的右键菜单，无需额外 JS 文件或监听器管理：
<body oncontextmenu="return false;"> <p>这里的内容无法右键调出菜单</p> </body>
- 只对绑定的元素及其子元素生效，
oncontextmenu="return false"返回false是关键，仅写return;或空函数无效 - 如果页面有多个容器需要分别控制（比如只禁用图片区），可单独加在
<div id="image-area">上 - 注意：内联事件会覆盖通过
addEventListener添加的同类型监听器，除非显式调用event.preventDefault()
用 addEventListener 更灵活，但要注意事件冒泡
适用于需要条件判断（如仅在编辑态禁用）、或与其他事件协同的场景：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
document.addEventListener('contextmenu', function (e) {
if (e.target.tagName === 'IMG' || e.target.classList.contains('no-right-click')) {
e.preventDefault();
}
});
-
e.preventDefault()必须调用，return false在此不等价（它还会阻止冒泡和默认行为，但语义不如preventDefault明确） - 若绑定在
document上，记得检查e.target，避免误拦表单控件、<input>等本应支持右键操作的元素 - 不要在
body上同时用oncontextmenu和addEventListener，容易因执行顺序导致行为不一致
禁用后仍能被绕过的常见方式
这不是 bug，而是浏览器安全模型决定的必然结果：
立即学习“前端免费学习笔记（深入）”；
- 用户禁用 JavaScript 后，所有基于
contextmenu的拦截完全失效 - 键盘快捷键
Shift+F10或菜单键（Menu key）仍可呼出上下文菜单，且无法被 JS 拦截 - 开发者工具中直接修改 DOM、删除事件监听器、或执行
document.oncontextmenu = null即可恢复 - 截图工具、录屏软件、甚至系统级辅助功能都不受前端 JS 控制
真正需要保护的是服务端资源（如图片链接、API 接口），而不是前端展示层。把精力放在签名 URL、Referer 校验、登录态鉴权上，比死守右键更有效。前端禁右键唯一靠谱的用途，只是防住普通用户的无意触发——别当它是防盗门。
