Question

mouseover()、mouseout()分别是什么事件？

Answer 1

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

在jquery中其实mouseover和mouseout两个事件等于hover事件。两个没什么区别，应该是一样的。但昨天一个动画效果才让我见识了，这两个并不能等同。

?<div class="wrapper">

<div class="img"></div>

<div class="text"></div>

</div>

<div class="point"></div>

在wrapper上加事件，当鼠标移动到wrapper上的时候让class="point"的层放大。但如果用mouseover和mouseout事件的话，当鼠标移动到wrapper层后，point层会变大，但当鼠标在img和text层之间进行移动的时候，point层会变大变小，不停的变化。这并不是我们想要的结果，我们想要的是只要鼠标在wrapper层上，无论是img还是text上，point就变大，但在鼠标未移出wrapper层的情况下，point层不变小。慢慢思路也清晰了，我们不用mouseover和mouseout而用hover问题就解决了。