如何在一个实体AFRAME上进行焦点事件？

Question

我有一个实体文本并且并排有事件点击，但当我点击右边，左边的事件是听，然后只是去正确的事件？

似乎左边的触发器必须向右传递然后向左传递

例

按钮1：转到'/ createroom'按钮2：转到'/ joingroom'

当我点击button2时：触发'/ createroom'然后转到'/ joinroom'

是因为宽度为a-entity文本？或者是什么 ？？

这是我的实体

<a-text
  id="createRoom"
  cursor="rayOrigin: mouse;maxDistance: 30; fuse: true ; far: 10"
  width="10"
  position="-6 3 -5"
  align="left"
  value="create room"
  geometry="primitive:plane"
  animation="property: position; from: -6 3 -5; to: -6 3.5 -5; loop: true; dir: alternate; easing:linear;dur:1000"
>
</a-text>

 // buton2
<a-text
  id="joinRoom"
  width="10"
  align="right"
  raycaster="objects: .collidable; far: 8"
  position="6 0.7 -5"
  cursor="rayOrigin: mouse;maxDistance: 30; fuse: true"
  value="joinroom"
  geometry="primitive:plane"
  animation="property: position; from: 6 0.7 -5; to: 6 0.9 -5; loop: true; dir: alternate; easing:linear;dur:1000"
></a-text>

Answer 1

放置cursor组件：

• 在现场：<a-scene cursor="rayOrigin: mouse">
• 在任何作为射线起点的元素上：

  <a-camera>
    <a-entity cursor></a-entity>
  </a-camera>
  
  <a-entity id="vive-controller" cursor></a-entity>

否则，射线可能通过许多“直立”实体，并导致多个click事件。

正确地工作小提琴here。 摆弄文本上的游标（如问题中）here。