在JavaScript中阻止右键默认菜单需监听contextmenu事件并调用event.preventDefault()；仅stopPropagation无效，mousedown判断button无法可靠阻止；全局禁用可绑定document，自定义菜单需同时阻止其自身contextmenu。
在 JavaScript 中，阻止右键默认菜单（即上下文菜单）弹出，关键是对 contextmenu 事件调用 event.preventDefault()。
监听 contextmenu 事件并阻止默认行为
右键点击触发的是 contextmenu 事件，不是 click 或 mousedown（尽管后者也能捕获右键，但不够直接）。必须在该事件回调中调用 preventDefault() 才能禁用浏览器默认的右键菜单。
- 直接在元素上绑定：
element.addEventListener('contextmenu', e => { e.preventDefault(); }); - 若需兼容旧版 IE，可用
return false（但现代写法推荐preventDefault） - 注意：仅阻止事件冒泡（
e.stopPropagation()）不能禁用菜单，必须调用preventDefault()
全局禁用页面右键菜单
如果想整个页面都不显示右键菜单，可对 document 监听：
document.addEventListener('contextmenu', e => e.preventDefault());- 建议放在脚本加载完成之后执行，避免 DOM 未就绪导致绑定失败
- 如需后续恢复右键功能，可用
removeEventListener移除监听器（需保留函数引用）
配合右键自定义菜单使用
常见需求是禁用默认菜单、同时弹出自定义菜单。此时应在阻止默认行为后，再执行你的逻辑：
立即学习“Java免费学习笔记（深入）”；
- 先
e.preventDefault()，再计算鼠标位置、显示自定义div菜单 - 注意处理菜单区域本身的右键——否则点进自定义菜单又会触发一次
contextmenu，导致菜单消失 - 可在自定义菜单元素上也绑定
contextmenu并阻止，或用pointer-events: none配合 CSS 控制
不复杂但容易忽略：只监听 mousedown 并判断 e.button === 2 虽然能识别右键，但无法可靠阻止默认菜单，因为默认行为由 contextmenu 事件决定。
