Virtual Keyboard API：覆盖内容与几何事件

概述Virtual Keyboard API 允许页面声明键盘覆盖内容（不挤压布局）并监听键盘几何变化事件，用于在移动端确保输入框与重要区域可见与可达。用法/示例if (navigator.virtualKeyboard) { navigator.virtualKeyboard.overlaysContent = true navigator.virtualKeyboard.addEventListener('geometrychange', e => { const r = e.target.boundingRect // 根据键盘区域 r 调整底部安全区或滚动 }) } 工程建议与 `VisualViewport` 结合观察可视区域，避免滚动跳变；仅在输入场景启用覆盖模式。在不支持环境使用 `scrollIntoView()` 与布局回退；测试横竖屏与各种输入法。保持焦点管理与键盘关闭逻辑一致，避免遮挡重要元素。参考与验证Chrome Docs：Virtual Keyboard — https://developer.chrome.com/docs/web-platform/virtual-keyboardweb.dev：Virtual Keyboard — https://web.dev/articles/virtual-keyboard