Javascript 在框架版本0.8.2中注册的组件单击事件，主组件不工作

我在之前版本的Aframe 0.8.0中使用了这段代码，点击正常工作。 然而，当我尝试使用0.8.2或主版本时，它没有显示单击的迹象，也没有显示任何错误

这是我注册的组件，我想检测它所连接的实体上的点击

 AFRAME.registerComponent('change-color-on-hover', { 
    init: function () {
        var data = this.data;
        var el = this.el;  // <a-box>
        var defaultColor = el.getAttribute('material').color;
        /**
         * Attach 'click' event
         */
        el.addEventListener('click', function () {
          alert('clicked');
        });
     }});

我想检测点击的元素我稍后会设置它的位置，它们会出现在它们应该出现的地方

  <a-image position="" src="#blue_target_rendered" height="30" width="40" depth="1" shadow event-set__click="_event: click; color:black" change-color-on-hover look-at="[camera]"  id="hotspot-{{$hotspot->id}}" data-link-to="{{$hotspot->link_to}}" data-link-from="{{$hotspot->link_from}}">

---

使用如下设置：

<a-entity id="cameraParent" position="0 0 0" > 
   <a-entity id="cam" camera="zoom:1;" look-controls collider-check position="0 0 0" > 
      <a-entity cursor=" rayOrigin: mouse" geometry="primitive: ring; radiusInner: 0; radiusOuter: 0" material="color: black; shader: flat"></a-entity> 
      <a-entity raycaster="showLine: true; far: 1000"></a-entity>
   </a-entity> 
</a-entity>

---

鼠标光标应该可以正常工作。

在0.8.2中，“单击”和“事件集”事件都可以正常工作，fiddle。你的光标是如何设置的？很奇怪，因为我没有改变上一版本的代码：这是我的相机+光标我想我对这个问题反应过度了一点，查看我的更新版anwser:D也评论了。虽然我理解并同意建议的逻辑，但在我实现光线投射器的位置更改后，发生了一些非常奇怪的事情：如果我将show line=true，它会捕捉交点并禁用单击。如果我把show line=false，或者反之亦然，但我看不出这两个选项是否有效

<a-entity position="0 -0.1 0" raycaster="showLine:true; far: 1000"></a-entity>