onmouseout的一些问题

前几天在项目里状态选择这个功能上遇到点麻烦。先描述一下问题:当用户点击状态后显示下拉菜单,若用户没有做出选择就移出菜单,则让菜单隐藏起来。这个很容易想到用onmouseout来解决,但事情没有这么简单,来看一下实例:

提示:你可以先修改部分代码再运行。

我们发现从一个子元素移到另一个子元素的时候就会触发onmouseout事件,并没有等鼠标离开整个菜单后隐藏。
为了看清楚问题,下面的代码用来显示获取触发onMouseOut事件的元素。

提示:你可以先修改部分代码再运行。

Continue reading →