使用oncontextmenu禁用右键在Brave失效，如何实现全浏览器禁用？

原因分析 #

Brave浏览器的核心隐私防护功能Shields会拦截内联事件处理代码，比如你用的<body oncontextmenu="return false">这类内联脚本。因为内联脚本常被用于用户指纹追踪，Brave的默认防护策略会优先阻止这类代码执行，这就是它在Brave里失效的主要原因。另外，用户自定义的Brave扩展或隐私设置也可能间接影响这个功能。

全浏览器兼容的解决方法 #

1. 使用外部JavaScript绑定事件（优先推荐） #

放弃内联事件写法，改用外部脚本绑定contextmenu事件，这种方式不会被Brave的内联拦截机制影响，同时兼容绝大多数浏览器：

document.addEventListener('DOMContentLoaded', function() {
  // 给body绑定右键菜单事件
  document.body.addEventListener('contextmenu', function(event) {
    event.preventDefault(); // 阻止默认右键菜单弹出
  });
});

2. 补充监听鼠标按键事件 #

有些场景下，右键菜单可能通过其他触发方式唤起，你可以额外监听mouseup事件做补充拦截：

document.addEventListener('mouseup', function(event) {
  // 右键对应的button值为2
  if (event.button === 2) {
    event.preventDefault();
  }
});

3. CSS辅助增强体验 #

配合CSS禁用文本选择，可以和右键菜单拦截形成更完整的限制（主要是提升用户感知，不能单独禁用右键菜单）：

body {
  -webkit-touch-callout: none; /* 阻止iOS设备长按弹出菜单 */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; /* 全局禁用文本选择 */
}

注意事项 #

无论用哪种方法，都无法完全阻止技术熟练的用户——他们可以通过禁用浏览器JavaScript、使用浏览器开发者工具快捷键等方式绕过限制。这类方案只能针对普通用户起到拦截作用。

内容的提问来源于stack exchange，提问作者miel