rollOut 、rollOver 和mouseOut 、mouseOver 事件的区别

单独给一个控件或者一个没有孩子的容器添加这两个事件，运行起来没什么区别。区别在于给有孩子的容器添加这些事件的时候就不一样了。

rollOut 、rollOver 在什么时候被调用呢？

当你给一个有孩子的容器添加rollOut 、rollOver 事件后，当鼠标设备移动到这个容器内部区域时（内部区域包括该容器和该容器孩子区域上）触发rollOver事件，离开该容器触发rollOut事件（离 开容器内的孩子不会触发rollOut事件）。

 

mouseOut 、mouseOver 在什么时候调用呢？

当你给一个有孩子的容器添加mouseOut 、mouseOver 事件后，当鼠标设备移动到这个容器内部区域时（内部区域不包括该容器内的孩子区域）触发mouseOver 事件，离开该容器触发mouseOut 事件（将鼠标设备移动到该容器内孩子区域时或者移出容器都会触发mouseOut 事件）。