键盘锁定 API 和 Pointer Lock API 需要从 Chrome 131 获得权限

Thomas Steiner

发布时间：2024 年 9 月 10 日；上次更新时间：2025 年 11 月 10 日

借助 Keyboard Lock API，开发者可以为各种用例（包括互动网站、游戏以及远程桌面或应用流式传输）提供沉浸式全屏体验。为此，它会允许网站使用主机操作系统允许的所有可用密钥。

借助 Pointer Lock API，桌面应用可以隐藏指针图标，并以其他方式解读鼠标移动，例如在 3D 世界中四处查看。

从 Chrome 131 开始，使用这两个 API 中的任何一个都需要权限。您可以检查权限，如以下代码段所示：

const {state} = await navigator.permissions.query({name: 'pointer-lock'});
if (state === 'granted') {
  // The Pointer Lock API can be used.
}

const {state} = await navigator.permissions.query({name: 'keyboard-lock'});
if (state === 'granted') {
  // The Keyboard Lock API can be used.
}

无需明确请求权限。如果之前未授予权限，浏览器会在首次请求锁定指针或键盘时显示权限提示。

键盘锁定 API 权限提示。

指针锁定 API 权限提示。