Events 如何将焦点事件放在a实体框架上？

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

似乎左边的扳机必须先从右边触发，然后再转到左边

范例

按钮1：转到“/createroom” 按钮2：转到“/joingroom”

当我点击按钮2时：触发“/createroom”，然后触发“/joinroom”

这是因为a实体文本的宽度吗？或者什么

这是我的a实体

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

//布顿2

将

光标放置在以下任一位置：


在现场：


在文本上摆弄光标（如问题中所示）

<a-camera>
  <a-entity cursor></a-entity>
</a-camera>

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