Javascript 为什么我的悬停函数可以工作，但我的onmouseleave函数不能工作？（在控制台中调用该函数有效）
这是我的密码笔： 我正在尝试创建一个导航菜单，当您将鼠标悬停在箭头上时，该菜单将滑入，当鼠标离开菜单时，该菜单将滑出 我有UIController.showMenu和UIController.closeMenu 如果我在控制台中调用它们中的任何一个，它们将按预期工作 但是，closeMenu的事件侦听器不工作。它只是没有检测到鼠标离开菜单，也没有关闭 如果我在函数中添加一个console.log（“Hello”），它将在页面首次加载时触发。但在我需要的时候就不行了 app.js：Javascript 为什么我的悬停函数可以工作，但我的onmouseleave函数不能工作？（在控制台中调用该函数有效）,javascript,html,css,addeventlistener,onmouseout,Javascript,Html,Css,Addeventlistener,Onmouseout,这是我的密码笔： 我正在尝试创建一个导航菜单，当您将鼠标悬停在箭头上时，该菜单将滑入，当鼠标离开菜单时，该菜单将滑出 我有UIController.showMenu和UIController.closeMenu 如果我在控制台中调用它们中的任何一个，它们将按预期工作 但是，closeMenu的事件侦听器不工作。它只是没有检测到鼠标离开菜单，也没有关闭 如果我在函数中添加一个console.log（“Hello”），它将在页面首次加载时触发。但在我需要的时候就不行了 app.js： var Co
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();
})
.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%;
}
- 家
- 关于
- 问卷调查
显示菜单按钮>
关于我们
Lorem ipsum dolor sit amet，奉献精英。第二，重大实践解决方案是指除责任之外的非义务劳动。伊普萨姆。
这是一种非选择性的、非选择性的、完全可以解释为同一种物质的劳动。你是否有权选择腐败行为？
当然，在维尼亚姆大教堂里，也有一种责任感，它是一种被认为是天然的驱避剂。这是一件值得尊敬的事。
addEventListener（）“mouseleave”“onmouseleave”addEventListener（）“mouseleave”“onmouseleave”打字错误
onmouseleavemouseoutonmouseleavemouseleaveonmouseleavemouseoutonmouseleavemouseleave<body>
<div class="sidemenu" id="sideMenu">
<ul>
<li><a>Home</a></li>
<li><a>About</a></li>
<li><a>Questionnaire</a></li>
</ul>
</div>
<i class="expand-arrow" id="menuArrow">SHOW MENU BUTTON ></i>
<section class="child about-section" id="aboutSection">
<div class="about-section__content">
<div class="about-section__content__info-box">
<h1 class="about-section__content__info-box__header">About Us</h1>
<p class="about-section__content__info-box__text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, soluta magni exercitationem consectetur natus assumenda dignissimos quasi porro non doloremque labore odit quae accusantium excepturi, dicta recusandae possimus. Necessitatibus, ipsam.
Esse dolorem porro quo velit odit quam, rerum, non optio, labore aliquam ducimus totam molestias ipsa quasi explicabo voluptates. Quas eius dolor harum optio corrupti quo impedit dolorem sunt porro?
Eaque officia vero, facere possimus exercitationem sint magnam aliquam veniam, ipsam soluta eveniet ex iusto perferendis blanditiis a repellendus assumenda dolores natus dolorum. Cumque vero deserunt fuga autem reprehenderit dignissimos.
</p>
</div>
</div>
</section>
<script src="app.js"></script>
</body>
document.querySelector('#sideMenu').addEventListener("mouseleave", UIController.closeMenu);
document.querySelector('#sideMenu').addEventListener("onmouseleave", UIController.closeMenu);