JS-Mouseenter在打开菜单的链接上。鼠标离开链接时如何保持菜单打开？

Question

当鼠标进入下拉链接时，它将显示一个菜单。 我无法弄清楚的是如何以一种我可以说的方式为事件写条件：

1. 如果鼠标离开下拉链接，但不进入菜单。然后菜单应该关闭。
2. 如果鼠标离开下拉菜单并进入菜单。菜单应保持打开状态，直到鼠标离开菜单为止。

任何有关如何实现这一目标的指导将不胜感激。

[View Forked Codepen] (https://codepen.io/dark_Matter/pen/60ad9391ff7c69798548dd1a14734558?editors=0010)