通过 window.open() 打开新标签页后，浏览器出于用户体验和安全策略限制，无法强制保持原页面焦点——这是现代浏览器的统一行为，非代码缺陷，而是刻意设计。
在 Web 开发中，常有需求：点击链接时在新标签页中打开目标 URL，同时不将用户视线或输入焦点切换过去（即保持当前页面活跃）。遗憾的是，纯前端 JavaScript 无法可靠实现“打开新标签页且不切换焦点”——这不是代码写法问题，而是浏览器主动施加的安全与体验约束。
为什么 window.focus() 无效？
你尝试的方案：
Click Me
lick Me
看似合理，但实际中：
- window.focus() 只能尝试聚焦当前窗口/标签页，且在多数浏览器（Chrome、Edge、Firefox）中，若用户未与页面主动交互（如点击、按键），该调用会被静默忽略；
- 更关键的是：一旦 window.open() 成功触发，浏览器会默认将焦点授予新标签页（尤其在桌面端），这是不可绕过的 UA 行为，JavaScript 无权撤销。
真实可行的替代方案
✅ 推荐：使用 （原生语义化方式）
这是最可靠、无障碍友好、且符合标准的做法：
在新标签页中搜索
- ✅ 自动在新标签页打开，用户可自主决定是否切换（例如中键点击、Ctrl+左键、右键→“在新标签页中打开”）；
- ✅ 不依赖 JavaScript，兼容性极佳；
- ✅ rel="noopener" 防止新页面通过 window.opener 访问原始页面，提升安全性；
- ⚠️ 注意：不要添加 onclick="return false" 或 javascript:void(0) 等干扰原生行为的逻辑——这反而可能触发弹窗拦截或破坏可访问性。
✅ 进阶提示：检测并引导用户习惯
虽不能强制不切换，但可通过 UI 暗示降低用户预期落差：
- 添加视觉标识： 查看文档（新标签页）
- 使用 title 属性或 Tooltip 提示：“按 Ctrl/Cmd + 点击可保持当前页”
❌ 不可行的误区（请避免）
- 尝试用 setTimeout(() => window.focus(), 10) 或循环调用 focus() —— 浏览器会拒绝非用户触发的焦点操作；
- 使用 window.open(...).blur() —— 新窗口对象无法被 .blur() 影响其自身焦点状态，且跨源窗口无法控制；
- 依赖 chrome.windows.update() 等 Chrome 扩展 API —— 仅限扩展环境，不适用于普通网页。
总结
没有 JavaScript 黑科技能绕过浏览器对焦点的管控。 真正的最佳实践是：拥抱原生 ，放弃“强制不切换”的执念，转而优化用户体验预期与可访问性支持。 这既符合标准、保障安全，也尊重用户控制权——而这，恰恰是现代 Web 的核心设计哲学。
