Keyboard Lock と Pointer Lock API には、Chrome 131 の権限が必要です

Thomas Steiner

公開日: 2024 年 9 月 10 日、最終更新日: 2025 年 11 月 10 日

Keyboard Lock API を使用すると、インタラクティブなウェブサイト、ゲーム、リモート デスクトップやアプリケーションのストリーミングなど、さまざまなユースケースで没入感のある全画面表示を提供できます。これは、ウェブサイトがホスト オペレーティング システムで許可されているすべての利用可能なキーを使用できるようにすることで実現されます。

ポインタ ロック API を使用すると、デスクトップ アプリケーションでポインタ アイコンを非表示にして、マウスの動きを 3D 世界の周囲を見回すなどの別の動作として解釈できます。

Chrome 131 以降では、これらの 2 つの 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 の権限プロンプト。