Keyboard Lock API：按键锁定与输入控制

--- title: "Keyboard Lock API：按键锁定与输入控制" keywords: - Keyboard Lock - keyboard.lock - unlock - 键位映射 - 游戏输入 description: "说明 Keyboard Lock 的按键锁定与释放、在游戏/编辑器场景中的输入控制与映射策略，提供示例与兼容注意。" categories: - 应用软件 - 输入法 --- 概述 Keyboard Lock 允许网页在用户手势后锁定指定键位（如 `ArrowUp/ArrowDown/W/A/S/D`），避免系统/浏览器拦截，实现更稳定的输入控制。适用于游戏与复杂编辑器。 示例 ```js await navigator.keyboard.lock(['ArrowUp','ArrowDown','ArrowLeft','ArrowRight','KeyW','KeyA','KeyS','KeyD']) window.addEventListener('keydown', e => { // 处理锁定后的按键输入 }) // 释放锁定 navigator.keyboard.unlock() ``` 工程建议 - 手势与权限：在用户点击后锁定；在退出全屏/页面失焦时释放。 - 映射与提示：可视化当前映射；提供恢复默认与重新绑定入口。 - 兼容：不支持时回退到常规事件并提醒用户；处理平台差异。 参考与验证 - Chrome 平台文档（Keyboard Lock）：https://developer.chrome.com/docs/web-platform/keyboard-lock/ - web.dev 相关介绍：https://web.dev/articles/keyboard-lock