Mit der Keyboard Lock API können Entwickler für eine Vielzahl von Anwendungsfällen ein immersives Vollbilderlebnis bieten, darunter interaktive Websites, Spiele und Remote-Desktop- oder Anwendungsstreaming. Dazu ermöglicht es Websites, alle vom Hostbetriebssystem zulässigen Schlüssel zu verwenden.
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. Wenn die Berechtigung zuvor nicht gewährt wurde, wird beim ersten Versuch, den Cursor oder die Tastatur zu sperren, eine Berechtigungsanfrage angezeigt.
