元素:beforexrselect 事件

实验性: 这是一种 实验性技术
在生产环境中使用此功能之前,请仔细查看 浏览器兼容性表

beforexrselect 事件在 WebXR 选择事件(selectselectstartselectend)分派之前触发。它可以用于在用户与 DOM 叠加 UI 交互时抑制 XR 世界输入事件。

此事件 冒泡,是 可取消的,并且是 组合的

语法

在诸如 addEventListener() 之类的方法中使用事件名称,或设置事件处理程序属性。

js
addEventListener("beforexrselect", (event) => {});

onbeforexrselect = (event) => {};

事件类型

事件属性

session 只读

事件引用的 XRSession

事件可用性

beforexrselect 事件是一个全局事件,可用于以下接口

示例

为了抑制 WebXR 选择事件(selectselectstartselectend),应用程序可以监听 beforexrselect 事件。该事件冒泡,因此对 DOM 叠加元素上的 preventDefault() 的调用将阻止此容器内的任何 WebXR 选择事件,从而允许与 DOM 元素交互并避免对 XR 世界的重复事件输入。

js
document
  .getElementById("xr-overlay")
  .addEventListener("beforexrselect", (ev) => ev.preventDefault());

规范

规范
WebXR DOM 叠加模块
# onbeforexrselect

浏览器兼容性

BCD 表仅在启用 JavaScript 的浏览器中加载。

另请参阅