Document: 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

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅