Document: pointerlockchange イベント
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
pointerlockchange
イベントは、ポインターがロックされたり解除されたりしたときに発行されます。
イベントハンドラーは Document.pointerLockElement
を使用して、ポインターがロックされているかどうか、ロックされている場合はどの要素にロックされているかを判断することができます。
このイベントはキャンセル不可で、バブリングしません。
構文
このイベント名を addEventListener()
などのメソッドで使用するか、イベントハンドラーのプロパティを設定するかしてください。
js
addEventListener("pointerlockchange", (event) => {});
onpointerlockchange = (event) => {};
イベント型
一般的な Event
です。
例
addEventListener()
を使用した場合
js
addEventListener("pointerlockchange", (event) => {
if (document.pointerLockElement)
console.log("The pointer is locked to: ", document.pointerLockElement);
else {
console.log("The pointer is not locked");
}
});
onpointerlockchange
イベントハンドラープロパティを使用した場合
js
document.onpointerlockchange = (event) => {
if (document.pointerLockElement)
console.log("The pointer is locked to: ", document.pointerLockElement);
else {
console.log("The pointer is not locked");
}
};
仕様書
Specification |
---|
Pointer Lock 2.0 # pointerlockchange-and-pointerlockerror-events |
Pointer Lock 2.0 # dom-document-onpointerlockchange |
ブラウザーの互換性
BCD tables only load in the browser