如何使用javascript从A-frame元素获取单击事件

如何使用javascript从A-frame元素获取单击事件,javascript,aframe,dom-events,Javascript,Aframe,Dom Events,更新: 您可以使用onclick=function() 例如: 我想用javascript从A-frame元素(例如框)中获取光标的点击事件,我该怎么做?如果您使用的是光标组件: box.addEventListener('click',函数(evt){/…}) 如果要使用鼠标光标,请尝试您可以创建这样的自定义组件 <script> AFRAME.registerComponent('clickhandler', { schema: { txt:

更新: 您可以使用
onclick=function()

例如:


我想用javascript从A-frame元素(例如框)中获取光标的点击事件,我该怎么做?

如果您使用的是光标组件:

box.addEventListener('click',函数(evt){/…})


如果要使用鼠标光标,请尝试

您可以创建这样的自定义组件

<script>
AFRAME.registerComponent('clickhandler', {
        schema: {
          txt: {default:'default'}
        },        
        init: function () {
          var data = this.data;
          var el = this.el;        
          el.addEventListener('click', function () {            
           console.log(data.txt);
          });        
        }
      });
</script>

<a-image src="img1.png" clickhandler="txt:image1"></a-image>
<a-box clickhandler="txt:box1"></a-box>

<a-entity cursor="rayOrigin:mouse"></a-entity>

注册表组件('clickhandler'{
模式:{
txt:{default:'default'}
},        
init:函数(){
var数据=此数据;
var el=this.el;
el.addEventListener('click',函数(){
console.log(data.txt);
});        
}
});

如果我有多个框,那么我如何选择单击了哪个框?您知道将从事件处理程序中单击哪个框。我们可以使用_scene.addEventListener捕捉场景中任意位置的单击吗?该小提琴在Chrome中不起作用-“元素上的指针锁定,因为元素的框架是沙盒,并且未设置“允许指针锁定”权限。”检查