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("指针被锁定到:", document.pointerLockElement);
else {
console.log("指针未锁定");
}
});
使用 onpointerlockchange
事件处理器属性:
js
document.onpointerlockchange = (event) => {
if (document.pointerLockElement)
console.log("指针被锁定到:", document.pointerLockElement);
else {
console.log("指针未锁定");
}
};
规范
Specification |
---|
Pointer Lock 2.0 # pointerlockchange-and-pointerlockerror-events |
Pointer Lock 2.0 # dom-document-onpointerlockchange |
浏览器兼容性
BCD tables only load in the browser