今天在帮别人解决一个关于mouseover和mouseout问题的时候发现了一个原来没想到的问题，斗胆share下，高手莫喷。。
问题：有嵌套的三层div。div111最外层，div222中间层，div333最内层。
效果：当鼠标位于div的上方时，相应层的mouseover触发，当属性从div的上方离开时，相应层的mouseout触发。(比如：当鼠标从div111移动到子元素div222，div333时，不会触发div111的mouseleave事件，反过来当从子元素div222，div333到div111时，不会触发div111的mouseenter事件，
此段代码同时也解决了mouseover和mouseout由于子元素的冒泡而产生的一些问题。不知道有没更好的方案？
test
jquery里面还有两个神奇的事件
一个叫做mouseenter
一个叫做mouseleave
mouseenter和mouseleave这两东西完全做不到这种效果好吧。。对于嵌套的，他们就是废柴
切，我还以为是什么大问题，直接绑定一次事件就可以，使用e.target就可以进行判断具体发生在哪个元素上，根据元素来处理更节省资源。
mouseover/out是冒泡的，所以自然会引起这问题
IE下用mouseenter/leave
其他浏览器下用addEventListener注册的时候第3个参数传true就行
IE的mouseenter/leave，当鼠标从div111移动到div222的时候，会触发div111的mouseleave和div222的mouseenter，反过来当从div222到div111的时候，会触发div222的mouseleave和div111的mouseenter，完全就不符合要求，他们只适合没有嵌套的应用。
其他浏览器的捕获模式，实现这种效果不会比冒泡模式简单，而且还不兼容IE。。
但是mouseenter和mouseleave就是为解决这个问题才产生的。YUI中也有，可以处理嵌套的冒泡。
jquery的不好用？！
好不好用看场合，个人认为
$().mouseenter(function(){
//do something
});和
$().mouseover(function(event){
if(!$(this).data('mouseover').mouseover){
$(this).data('mouseover', {mouseover: true});
//do something
}
event.stopPropagation();
});没区别
