Chromium环境下捕获Windows键及Mac功能键且不弹出系统菜单的实现问题

核心问题原因 #

现有代码仅调用了evt.stopPropagation()阻止事件冒泡，该方法只能避免事件向上传递到父级DOM元素，无法阻止浏览器/系统的默认按键行为，因此Win键/Command键按下后系统菜单仍会弹出。

修正后可用代码 #

$(document.body).keydown(function (evt) {
  // 同时兼容新旧标准的按键判断，覆盖Windows左右Win键、Mac左右Command键
  if ([91, 92, 93].includes(evt.keyCode) || evt.code.startsWith('Meta')) {
    evt.stopPropagation();
    evt.preventDefault(); // 核心新增逻辑：阻止系统默认的菜单弹出行为
    CWindowManager.getInstance().getStartMenu.toggle();
  }
});

代码补充了92（右Win键）、93（菜单键）的判断，避免遗漏右键相关的系统按键。

全屏模式的优势 #

你提到的全屏场景确实更容易实现完整的按键捕获需求：

• 普通窗口模式下，系统级组合键（如Win+L锁屏、Alt+Tab切窗口、Win+D显示桌面等）优先级高于浏览器，无法被拦截，仅能拦截单独按下的Win/Command键
• 当用户主动授权页面进入全屏模式后，Chromium内核浏览器会放开按键拦截权限，绝大多数带功能键的组合键都可以被捕获并阻止默认行为，完全满足远程控制、虚拟桌面类场景的需求

相关实现逻辑说明 #

VMware ESXi网页客户端正是利用了上述全屏API的权限特性，启动远程会话时会引导用户授权全屏，此时所有按键事件都会在keydown阶段被拦截并透传到远程服务端，无需额外安装系统插件即可实现系统按键捕获。

注意事项 #

• 按键判断优先使用evt.code属性，keyCode已被Web标准废弃，仅作为兼容旧浏览器的兜底方案
• 必须在keydown事件阶段执行preventDefault，keyup/keypress事件触发时系统默认行为已经执行，拦截无效
• Mac端Safari对功能键的拦截限制更多，优先使用Chromium内核浏览器（Chrome、Edge等）可获得最佳兼容性

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