Getting Started With The Popover API
本文探讨了使用浏览器原生 Popover API 构建工具提示（Tooltip）相对于传统 JavaScript 库方案的显著优势。传统实现中，开发者需要自行处理复杂的交互逻辑，如键盘导航（Esc 键关闭）、屏幕阅读器的 ARIA 状态同步、焦点管理以及鼠标快速移动导致的闪烁问题，这往往使代码变得脆弱且难以维护。 采用 Popover API 后，浏览器原生接管了核心行为：工具提示在键盘焦点下自动显示，并可通过 Esc 键可靠关闭，消除了自定义键监听的需求。对于辅助技术，浏览器能更稳定地播报带有正确 `role="tooltip"` 的弹出内容，减少了无障碍性错误。焦点管理也得到简化，浏览器确保焦点能自然移入弹出框并在关闭时返回触发元素，无需开发者手动编写焦点恢复逻辑。 作者指出，尽管 Popover API 在一些细节上仍在演进，但它代表了平台能力的提升——将工具提示从需要模拟的行为转变为浏览器原生理解的交互模式。这不仅减少了代码量，更重要的是降低了开发者的心智负担，使最简单的实现也能达到很高的正确性。对于追求简洁与可维护性的场景，用 Popover API 替换现有工具提示是一个值得尝试的实验。