有子DIV时如何在DIV上使用Javascript onmouseout

问题描述

我正在开发一个用于学习目的的网站。我在右上角创建了一个菜单按钮，如下面的屏幕截图所示。

Home Page with Menu Button

下面的屏幕快照显示了触发菜单按钮时页面的外观。

Home Page When Menu Button is triggered

您可以在展开的菜单面板中看到3个分区。我在将鼠标移到DIV之外时尝试使用javascript onmouseout自动隐藏菜单。但是，一旦鼠标指针到达中间的灰色div，菜单就会隐藏。尽管此灰色div是菜单面板的子级，但菜单一旦到达此灰色div就会隐藏自身。如何解决这个问题？

<div class="menupanel">
          <div class="menulist">
            <img class="menu-logo" src="assets/img/logo-g.svg" alt="">
            <ul>
              <li><a class="menulist-link" href="#">Home</a></li>
              <li><a class="menulist-link" href="#">About Us</a></li>
              <li><a class="menulist-link" href="#">Services</a></li>
            </ul>
          </div>
          <div class="contact">
            <div class="cont-container">
              <h2>Address</h2>
              <p>No. 39,LIG3,Surya City,Bangalore - 560008</p>
              <hr>
              <p><ion-icon class="cont-icons" name="call-outline"></ion-icon><a href="tel:+919663396036">+91 9X9X9X9X9X</a></p>
              <p><ion-icon class="cont-icons" name="mail-outline"></ion-icon><a href="mailto:[email protected]">[email protected]</a></p>
              <hr>
            </div>
          </div>
          <div class="menuhover">
            <img class="menu-img" src="assets/img/home.jpg" alt="">
            <img class="menu-img" src="assets/img/about.jpg" alt="">
            <img class="menu-img" src="assets/img/service.jpg" alt="">
          </div>

解决方法

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

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

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

javascript onmouseout