Die APIs „Keyboard Lock“ und „Pointer Lock“ erfordern eine Berechtigung von Chrome 131

Thomas Steiner

Mit der Keyboard Lock API können Entwickler eine immersive Vollbildansicht für eine Vielzahl von Anwendungsfällen bereitstellen, darunter interaktive Websites, Spiele und Remote Desktop- oder Anwendungsstreaming. Dazu werden Websites ermöglicht, alle verfügbaren Schlüssel zu verwenden, die vom Hostbetriebssystem zugelassen sind.

Mit der Pointer Lock API kann eine Desktopanwendung das Mauszeigersymbol ausblenden und die Mausbewegung für etwas anderes interpretieren, z. B. für das Umsehen in einer 3D-Welt.

Ab Chrome 131 ist für die Verwendung dieser beiden APIs eine Berechtigung erforderlich. Sie können die Berechtigung prüfen, wie in den folgenden Snippets gezeigt:

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.
}

Sie müssen nicht explizit um Erlaubnis bitten. Falls die Berechtigung zuvor nicht gewährt wurde, wird im Browser bei der ersten Anfrage zum Sperren des Zeigers oder der Tastatur eine Berechtigungsaufforderung angezeigt.