在此页

• 句法
• 事件类型
• 范例
• 规范
• 浏览器兼容性
• 相关话题

安全上下文
此特征只可用于 安全上下文 (HTTPS)，在某些或所有 支持浏览器 .

XRInputSourceEvent() constructor creates and returns a new XRInputSourceEvent object describing an event (state change) which has occurred on a WebXR user input device represented by an XRInputSource .

句法

newInputSourceEvent = new XRInputSourceEvent(type, eventInitDict);
					

参数

type

A DOMString indicating which of the input source events the new object will represent. Permitted values are listed under 事件类型 下文。

eventInitDict

An object based on the XRInputSourceEventInit dictionary which contains the values to assign to the new event's properties.

返回值

新的 XRInputSourceEvent object representing the event described by the given type and eventInitDict .

事件类型

select

Sent to an XRSession when the sending input source has fully completed a primary action .

selectend

Sent to an XRSession when an ongoing primary action ends, or when an input source with an ongoing primary action has been disconnected from the system.

selectstart

Sent to an XRSession when an input source begins its primary action , indicating that the user has begun a command-like input, such as pressing a trigger or button, issuing a spoken command, tapping on a touchpad, or the like.

squeeze

Sent to an XRSession when the sending input source has fully completed a primary squeeze action .

squeezeend

Sent to an XRSession when an ongoing primary squeeze action ends or when an input source with an ongoing primary squeeze action is disconnected.

squeezestart

Sent to an XRSession when an input source begins its primary squeeze action , indicating that the user has begun to grab, squeeze, or grip the controller.

范例

The code below sets up handlers for primary action events in order to determine when the user clicks on (shoots at/pokes at/whatever) objects in the scene.

xrSession.addEventListener("select", event => {
  let targetRayPose = event.frame.getPose(event.inputSource.targetRaySpace, myRefSpace);
  if (targetRayPose) {
    let hit = myHitTest(targetRayPose.transform);
    if (hit) {
      /* handle the hit */
    }
  }
});
					

规范

规范	状态	注释
WebXR 设备 API The definition of 'XRInputSourceEvent' in that specification.	工作草案	初始定义。

浏览器兼容性

更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
XRInputSourceEvent	Chrome 79	Edge 79	Firefox 不支持 No	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 79	Firefox Android 不支持 No	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 11.2
XRInputSourceEvent() 构造函数	Chrome 79	Edge 79	Firefox 不支持 No	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 79	Firefox Android 不支持 No	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 11.2
frame	Chrome 79	Edge 79	Firefox 不支持 No	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 79	Firefox Android 不支持 No	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 11.2
inputSource	Chrome 79	Edge 79	Firefox 不支持 No	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 79	Firefox Android 不支持 No	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 11.2

图例

完整支持

完整支持

不支持

不支持

元数据

• 最后修改： Mar 4, 2020

相关话题

1. WebXR 设备 API
2. XRInputSourceEvent
3. 构造函数

   1. XRInputSourceEvent()
4. 特性

   1. frame
   2. inputSource
5. 继承：

   1. 事件
6. Related pages for WebXR Device API

   1. Navigator.xr
   2. WebGLRenderingContext.makeXRCompatible()
   3. XR
   4. XRBoundedReferenceSpace
   5. XRFrame
   6. XRInputSource
   7. XRInputSourceArray
   8. XRInputSourcesChangeEvent
   9. XRPose
   10. XRReferenceSpace
   11. XRReferenceSpaceEvent
   12. XRRenderState
   13. XRRigidTransform
   14. XRSession
   15. XRSessionEvent
   16. XRSpace
   17. XRView
   18. XRViewerPose
   19. XRViewport
   20. XRWebGLLayer