鼠标移出事件引发的问题

鼠标移到用户，显示一个用户信息列表，默认是隐藏的，离开用户信息列表的时候隐藏。用的mouseout到用户信息列表时，发现列表消失，原因是好友框内有好多子元素div。此时鼠标移动到子元素上面触发了父元素的mouseout事件。更为糟糕的是子元素div里面还有span，这样就会触发子元素div的mouseout，继而冒泡到最外层的好友列表的div。 解决用的mouseleave事件，该事件和mouseout区别就在于，当鼠标移动到本元素内的子元素的时候不会触发mouseleave，只有真正离开了这个元素才能触发，而且不支持冒泡。