L'API Keyboard Lock consente agli sviluppatori di offrire un'esperienza immersiva a schermo intero per diversi casi d'uso, tra cui siti web interattivi, giochi e streaming di applicazioni o desktop remoti. Per farlo, i siti web possono utilizzare tutte le chiavi disponibili consentite dal sistema operativo host.
L'API Pointer Lock consente a un'applicazione desktop di nascondere l'icona del puntatore e di interpretare il movimento del mouse per qualcos'altro, ad esempio guardarsi intorno in un mondo 3D.
A partire da Chrome 131, l'utilizzo di una di queste due API richiede l'autorizzazione. Puoi controllare l'autorizzazione come mostrato nei seguenti snippet:
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.
}
Non è necessario chiedere l'autorizzazione. Se l'autorizzazione non è stata concessa in precedenza, il browser mostrerà una richiesta di autorizzazione alla prima richiesta di blocco del cursore o della tastiera.