如何监听浏览器默认（非自定义）右键菜单特定菜单项（如在新标签页打开链接）的点击事件？

普通网页运行在浏览器沙箱环境内，根本没有合法手段监听、识别浏览器原生右键菜单的具体菜单项点击行为。
你目前用到的document.addEventListener('contextmenu', e => {})事件，触发时机仅对应「浏览器即将弹出原生右键菜单」的瞬间。从这个事件触发结束后，整个菜单的渲染、用户选择具体选项、执行对应默认动作的全流程，都是浏览器内核独立处理的，全程不会向页面内的JS脚本发送任何回调，更不会告知你用户最终点了哪个菜单项。

既然没法直接拿到原生菜单项的点击事件，我们可以从「拦截所有指向目标链接的新标签打开意图」的角度切入，两个可稳定运行的实现方向：

页面内JS可实现的拦截逻辑 #

所有常规的新标签打开链接操作（鼠标中键点击、按住Ctrl/Command键左键点击），在触发实际导航前都会走到页面的click事件流，我们可以在这个阶段识别用户的操作意图、拦截默认行为，执行自定义逻辑后再自行打开链接：

document.addEventListener('click', (e) => {
  // 定位点击事件关联的链接元素
  const linkEl = e.target.closest('a');
  if (!linkEl) return;

  // 匹配触发新标签打开的操作场景
  const isTriggerNewTab = e.button === 1 || e.ctrlKey || e.metaKey;
  if (!isTriggerNewTab) return;

  // 阻断浏览器默认的导航动作
  e.preventDefault();
  e.stopPropagation();

  // 这里插入自定义逻辑：跳转参数加工、埋点上报、权限校验等
  const targetUrl = linkEl.href;

  // 自定义逻辑执行完成后，手动唤起新标签打开目标链接
  window.open(targetUrl, '_blank');
})

这个方案的已知边界：

• 对用户通过右键菜单选择「在新标签页打开链接」的触发场景，目前Chrome等主流浏览器会刻意阻断这类操作的事件冒泡，页面JS的click监听器无法捕获到这类触发源，也就没法做拦截处理。
• 不要尝试用「记录右键操作的目标元素、延迟检测是否有新标签打开」的方式反推用户的菜单选择，这种方式误判率极高，只要用户右键后关闭菜单、选择其他菜单项，就会触发错误逻辑，没有实用价值。

全场景覆盖的实现方式 #

如果必须要拦截右键菜单的原生选项触发逻辑，只能通过开发浏览器扩展实现：扩展可以调用浏览器开放的原生菜单相关API，拿到用户点击「在新标签页打开链接」选项的回调，在实际导航发起前插入自定义逻辑。这个权限是浏览器单独开放给扩展运行环境的，普通网页的JS环境没有访问资格。 #

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