這是我的代碼筆：https://codepen.io/squishyboots19996/pen/BaoQjPL我正在嘗試創建一個導航菜單，當您將鼠標懸停在箭頭上時，該菜單會滑入，然后當鼠標離開菜單時會滑開。我有 UIController.showMenu 和 UIController.closeMenu。如果我在控制臺中調用其中任何一個，它們就會按預期工作。但是 closeMenu 的事件偵聽器不起作用。它只是沒有檢測到鼠標離開菜單并且沒有關閉。如果我向函數添加 console.log("Hello") ，它將在頁面首次加載時觸發。但當我需要它時就不起作用了。應用程序.js：var Controller = (function() {    UIController.updateNav;    setInterval(UIController.moveArrowDown, 3000);    //UIController.addBodyMargin(); document.querySelector('#menuArrow').addEventListener("mouseover", UIController.openMenu);      document.querySelector('#sideMenu').addEventListener("onmouseleave", UIController.closeMenu);});//-----------------------------------------------------------var UIController = (function() {    return {        openMenu: (function(){          document.getElementById('sideMenu').style.marginLeft = '0';          document.getElementById('menuArrow').style.marginLeft = '250px';          document.body.style.marginLeft = '25px'        }),        closeMenu: (function(){          document.getElementById('sideMenu').style.marginLeft = '-250px';          document.getElementById('menuArrow').style.marginLeft = '0';          document.body.style.marginLeft = '0';        })        }})();document.addEventListener('DOMContentLoaded', (event) => {  Controller();})導航欄.css：.sidemenu {  height: 100vh;  width: 250px;  position: fixed;  top: 0;  left: 0;  background-color: red;  z-index: 5001;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  margin-left: -250px;  transition: .5s;  cursor: pointer;}.sidemenu ul {  list-style: none;  padding: 0;}.sidemenu a {  text-decoration: none;  font-size: 2rem;}.expand-arrow {  z-index: 4999;  position: fixed;  transition: .5s;  bottom: 50%;}