javascript onmouseover和onmouseout事件

Question

如上图，当鼠标放在【功能操作】链接上时，弹出菜单，移开后关闭，现在的问题是，鼠标放上去是弹出菜单，但是鼠标不能选择功能比如添加子分类，只要鼠标移除【功能操作】链接四个字之外，菜单就关闭了，根本就没有点的机会，请问怎么解决？最好给出程序

Answer 1

这不是程序的问题拉，是你设计的问题

你写的 onMouseOut="HideMenu" 呀，不是当鼠标移开 a 标签的时候 就关闭这个菜单吗。

这里其实把你的鼠标动作规划清楚就好了，至于代码要看你究竟想要达到什么目的。

假设，你的菜单距离a标签比较远，那么就不应该写 a 标签的 onMouseOut 事件，因为来不及点击肯定就关闭了，应该是 在其他的位置上比如 body上（就是不在a标签也不在你的菜单上）添加onMouseOver 事件来关闭你的菜单。这样仍然需要保证你的鼠标在离开a时没有进入body的空间，而直接进入到了菜单上。

其实完全可以等你点击 菜单后再关闭菜单，并且在点击 其他空白时关闭菜单，
只用 鼠标移入移出做功能 用起来很费劲的，因为一般的人在浏览网页时鼠标是晃来晃去的。