javascript - 鼠标滚轮滚动后鼠标移入或移出后区域时没有触发事件

Question

$('#something').mouseenter(function(){ //do something }).mouseleave(function() { //do somgThing else });
上面的代码运行得不能再更好(因为的确有够简单的)
但却有一现象
如果鼠标光标停留在目标区域外的某个地方
然后用鼠标滚轮滚动页面后鼠标光标进入 或 离开目标区域却不能触发mouseenter和mouseleave事件
结果使用了mouseover和mouseout事件就完美的解决了
请教一下出现这种情况的原因

Answer 1

不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。
只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。
不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。
只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。