以此片段为例，如何在鼠标光标离开下拉菜单区域后自动隐藏下拉菜单？
Amazon.com 就是一个很好的例子。如果您将鼠标悬停在“按部门购物”上，然后将光标移开，并在大约 0.5 秒内将其返回，下拉菜单仍然可见。
Bootstrap 代码段:https://bootsnipp.com/snipps/user-preferences-in-nav-bar
我想我可以执行 setTimeout 但它会隐藏它，即使我决定在 2 秒内将光标移回下拉列表。也许我可以清除 mouseOver 上的 setTimeout 来解决这个问题？
在这种情况下人们通常会做什么？
最佳答案
您需要在 mouseout 事件上附加 var x = setTimeout('hideme()',2000) 并在 mousein 回调上取消 clearTimeout(x)
关于css - Twitter Bootstrap : How to automatically hide dropdown menu after 2 seconds?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17384027/