如何使用javascript在框架中创建quickmenu

我正在尝试创建一个快速菜单，如果用户单击中心平面的周围，则该菜单的比例从0增加到1，并且中心平面现在被“后退”按钮替换。当用户单击“后退”按钮时，该平面消失。我尝试使用事件，但该菜单不起作用

---

[这里是我的代码的glich页面链接][1]

您正在

文档上触发事件，
a-scene
中的实体将不会收到它。DOM事件冒泡出现，
document
位于顶部。直接在飞机上发射事件：

var center=document.querySelector('#center');
var quickmenuopen=false;
center.addEventListener('click',e=>{
  var planes = document.querySelectorAll('a-plane');
  var eventName = "closemenu";
  if(quickmenuopen){
    eventName = "openmenu";
  }
  var event= new CustomEvent(eventName);
  for (var i = 0; i < planes.length; ++i) {
    planes[i].dispatchEvent(event);
  }
})

var center=document.querySelector（'#center'）；
var quickmenuopen=false；
center.addEventListener（'click'，e=>{
var-planes=document.queryselectoral（'a-plane'）；
var eventName=“closemenu”；
如果（快速菜单打开）{
eventName=“openmenu”；
}
var事件=新的CustomEvent（eventName）；
对于（变量i=0；i

纠正故障：