如何用 event.preventDefault 禁用页面右键或 F12 调试按键-js教程-PHP中文网

无法真正禁用右键菜单或f12开发者工具，因浏览器原生调试功能运行在js之上，所有前端拦截（如preventdefault）仅能干扰体验，无法阻止有经验用户绕过；关键安全必须依赖后端校验与加密。

如何用 event.preventdefault 禁用页面右键或 f12 调试按键

不能完全禁用右键菜单或 F12 开发者工具，event.preventDefault() 只能阻止默认行为，无法真正禁用浏览器的调试功能。它最多能干扰用户操作体验，但对有经验的用户或通过其他方式（如地址栏输入 chrome://inspect、快捷键绕过、禁用 JS 后操作）完全无效。以下说明其作用边界和常见实现方式：

禁用鼠标右键（仅隐藏上下文菜单）

监听 contextmenu 事件并调用 preventDefault()，可阻止右键弹出默认菜单：

document.addEventListener('contextmenu', function(e) {
  e.preventDefault();
});

注意：这不会阻止用户通过键盘（如 Shift + F10）呼出菜单，也不影响“查看网页源代码”等浏览器菜单项。

拦截部分键盘快捷键（如 F12、Ctrl+U、Ctrl+Shift+I）

监听 keydown 事件，检测组合键并阻止其默认行为：

F12：e.key === 'F12' 或 e.keyCode === 123（已废弃，建议用 key）
Ctr+U（查看源码）：e.ctrlKey && e.key === 'u'
Ctrl+Shift+I / Ctrl+Shift+C（开发者工具）：e.ctrlKey && e.shiftKey && (e.key === 'i' || e.key === 'c')

示例代码：

document.addEventListener('keydown', function(e) {
  if (
    e.key === 'F12' ||
    (e.ctrlKey && e.key === 'u') ||
    (e.ctrlKey && e.shiftKey && ['i', 'c'].includes(e.key.toLowerCase()))
  ) {
    e.preventDefault();
    return false;
  }
});

⚠️ 局限性：Mac 系统常用 Cmd 替代 Ctrl；部分快捷键（如 Cmd+Option+I）无法被页面 JS 拦截；用户可禁用 JavaScript 后直接使用。