A-Frame + AR.js：单击事件不适用于对象

问题描述

以下示例适用于移动设备。这里处理对一个对象的点击

authHeader <- add_headers(Authorization = paste("Bearer",apiKey))

resp <- GET(
  paste0(connectServer,apiPrefix),authHeader)

payload <- content(resp)

### Create empty list to bind during pagination
payload_list <- list()


while(length(payload$next_offset) > 0) {
  
  newdata <- payload$records
  
  cbind(payload_list,newdata )
  
  nextPage <- payload$records + 1
  
  resp <- GET(
    paste0(connectServer,apiPrefix,"&page_number=",nextPage),authHeader
  )
  payload <- content(resp)
}

但是如果我为另外一个对象添加点击处理，那么两个对象的点击都会停止工作

 <script>
            AFRAME.registerComponent('cursor-listener',{
              
              init: function() {
                this.el.addEventListener('click',(e) => {
                  window.open('https://ebay.com');
                })
              }
            })

          
          </script>


<a-scene embedded arjs='trackingMethod: best; sourceType: webcam; debugUIEnabled: false; detectionMode: color_and_matrix; matrixCodeType: 3x3;' >
    <a-assets>


        <img id="src-arlogo" src="../img/arlogo.png">
        <img id="src-whatsapp" src="../img/whatsapp.png">
        <img id="src-instagram" src="../img/instagram.png">
        <img id="src-telegram" src="../img/telegram.png">

        

    </a-assets>
    <a-entity marker-wrapper position="0 0 0" id="marker-wrapper" cursor="fuse: false; fuseTimeout: 750; rayOrigin: mouse">
        
        <a-marker type='barcode' value='5' > 
        
            <a-image  rotation="-90 0 0" id="whatsapp" width="1.4" height="1.4" class="main-item" opacity="1" src="#src-whatsapp" position="-1.8 1 0.25" cursor-listener></a-image>
           
</a-enity>
<a-entity>
            <a-image  rotation="-90 0 0" id="instagram" width="1.4" height="1.4" class="main-item" opacity="1" src="#src-instagram" position="1.8 1 0.25" eventinst></a-image>
            </a-enity>
        </a-marker>
    </a-entity>
        <a-camera>
           
        </a-camera>
    </a-scene>

添加 "cursor="fuse: false;熔断器超时：750； rayOrigin: mouse" 到我试过的场景。也添加 'multiple' 属性 为什么不工作？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）