0

我已经阅读了许多关于类似主题的帖子，所有这些都非常出色，并且我在阅读它们时学到了很多东西，但是我仍然无法使我的代码令人满意地工作。

我有一个带有许多按钮的菜单栏。当我将鼠标悬停在其中的 3 个上时，一些 javascript 会为每个按钮动态创建一个下拉菜单。

当我将鼠标完全移出按钮或菜单栏时，我会清除下拉菜单。

显然，当我将鼠标悬停在下拉菜单上时，我不希望清除此下拉菜单。

当然，onmouseout 事件会触发并清除此菜单。

我可以看到用于类似问题的各种方法。但是这些都不起作用，我认为这是由于 div 和 dl 在侦听器分配给父级时创建的地方显然不存在。因此，尽管添加到 dom 的 html 将下拉列表置于侦听器的范围内，但它仍然假定发生了 mouseout 事件。

我试图通过为已成功添加的动态内容添加侦听器来进行更正，但我仍然无法阻止鼠标悬停在鼠标悬停之前触发。

4

1 回答 1

0

设置一个计时器并在鼠标悬停生成的菜单时将其清除。

document.getElementById("menu").onmouseout = function(e){   
    window.to = setTimeout(function(){
        // remove the submenu
    },20)
}

document.getElementById("submenu").onmouseover = function(e){   
    clearInterval(window.to)
}
于 2012-01-13T22:56:15.073 回答