A-Frame：单击事件不适用于对象

Question

我在单击时添加了一个 eventListener 并为一个对象添加了一个 raycaster，但是当我单击该对象时没有任何反应。如果我打开 aframe-inspector 并检查对象而不做任何更改，我将返回场景并再次单击该对象，它会显示来自 eventListener 的 console.log。有人知道为什么以及如何解决它？

这是我的代码：

AFRAME.registerComponent('dinning-options', {
  init: function () {
    console.log('Registered');
    this.el.addEventListener('click', function (evt) {
      console.log('I was clicked at: ', evt.detail.target);
    });
  }
});

<a-entity
  dinning-options
  raycaster="showLine: false; far: 100"
  obj-model="obj: #dinning-obj; mtl: #dinning-mtl;"
  id="dinning"
  position="7.430 0 -6.35"
  scale="0.003 0.003 0.003"
></a-entity>

谢谢！

Answer 1

raycaster 应该设置在发射它的实体上，在这种情况下它应该是一个带有光标的相机。您可以在cursor component 中进行您的配置（raycaster 白名单，远）。

尝试放置一个基本的<a-camera><a-cursor></a-cursor></a-camera>entity，并弄乱它的光线投射器设置。