文件：pointerlockchange 事件
當指標被鎖定/解鎖時，會觸發 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");
}
};
規範
| 規範 |
|---|
| 指標鎖定 2.0 # pointerlockchange-and-pointerlockerror-events |
| 指標鎖定 2.0 # dom-document-onpointerlockchange |
瀏覽器相容性
載入中…