这两个事件如何在javascript中模拟运行

我有一个标签和弹出面板，当鼠标移动到标签上时弹出窗口将显示，当鼠标移动到标签外时弹出窗口将隐藏。我已完成此操作，但当弹出窗口显示且光标在其中移动时，弹出窗口将保持不变。我面临的问题是，这两个事件不能同时工作。

您能否对代码进行修改？理解您的问题会更有帮助。label.addEventListener（“mouseover”，函数（e）{body.appendChild（popup）；{popup.addEventListener（“mouseout”，函数（e）{body.removeChild（popup）；}}}}label.addEventListener（“mouseout”，函数（e）{body.removeChild（popup）；}）；请使用来编写代码。标签一起工作，或者如果我删除了最后一个侦听器，弹出式侦听器就会工作，我不知道该记录什么。您可以编辑问题并添加HTML和JavaScript代码吗？

           var hideDelayTimer=null;
           var hideDelay=100;
           label.addEventListener("mouseover",function()
          {
            if(hideDelayTimer)clearTimeout(hideDelayTimer);

              alert('mouseover');
              label.appendChild(popup);     
          });

          label.addEventListener("mouseout",function()
            {   
            alert('mouseout');
            if(hideDelayTimer)clearTimeout(hideDelayTimer);
            hideDelayTimer=setTimeout(function()
            {
            hideDelayTimer=null;
            label.removeChild(popup);

           },hideDelay);