當用戶將鼠標懸停在 div 上但停止時關閉時，如何使我的下拉菜單保持打開狀態？
[英]How can I make my dropdown menu remain open when user is hovering over the div but close when they stop?
問題描述
我的下拉菜單有效，但基本上我的菜單按鈕是我用來顯示菜單的事件，我設置它，所以當你在菜單上 hover 時，它保持打開狀態，但如果你只是在按鈕上 hover 然后移動鼠標而不用鼠標觸摸菜單，它會保持打開狀態並且不會關閉。
function showMenu(){
document.getElementById("dropdown-menu").style.display = "block";
}
function hideMenu(){
document.getElementById("dropdown-menu").style.display = "none";
}
1 個解決方案
解決方案1
0 2022-09-15 05:43:33
您可以將相同的 class 附加到 2 個 DOM 元素並使用 class 附加事件偵聽器。 這是一個簡單的示例
document.querySelector('.demo').addEventListener('mouseover', event => { document.getElementById("box").style.borderColor="#2be28d"; })
button { background-color: #8a2be2; color: #fff; border-radius: 5px; cursor: pointer; }.box { margin-top: 10px; width: 100px; height: 50px; border: 2px solid #8a2be2; border-radius: 5px; }
<!DOCTYPE html> <html lang="en"> <body> <button class="demo">Click me</button> <div class="demo box" id="box"></div> </body> </html>
我快瘋了。 當我使用選擇框時，在下拉菜單div中選擇框使我的下拉菜單div消失 - 我該如何阻止它？
[英]I am going crazy. Select box inside a dropdown menu div makes my dropdown menu div disappear when I use the select box — how do I stop this?
當我使用jQuery單擊另一個下拉菜單按鈕時，如何關閉活動的下拉菜單？
[英]How can I close an active dropdown menu when I click on another dropdown menu button using jQuery?
jQuery：將鼠標懸停在另一個div上時，如何控制div的不透明度？
[英]jQuery: how can I control a div's opacity when hovering over another div?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.