Tab按键干扰window的keyup事件，焦点转移问题求助

• 问题根源：Tab按键的默认行为是切换页面焦点，这个行为在keydown阶段就会执行，等到keyup触发时焦点已经离开window，后续的keyup事件自然无法正常绑定到window上。

• 解决方案：监听keydown事件，阻止Tab按键的默认行为，同时保留原有的keyup逻辑：

// 绑定keydown事件阻止Tab的焦点切换默认行为
window.addEventListener("keydown", (e) => {
  if (e.key === "Tab") {
    e.preventDefault();
    // 可选：如果需要自定义Tab的行为（比如页面内元素间焦点切换），可在此补充逻辑
  }
});

// 保留你的keyup事件处理逻辑
window.addEventListener("keyup", handleKeyUp);

function handleKeyUp(e) {
  console.log("Pressed key:", e.key);
  // 你的业务代码
}

• 注意事项：
  • 阻止Tab默认行为后，浏览器自带的焦点切换会失效，若需要页面内的Tab导航，需自行实现可聚焦元素的焦点切换逻辑（例如遍历元素并调用focus()方法）。
  • 无需刻意调整事件绑定顺序，因为浏览器事件触发顺序固定为keydown先于keyup。

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