jQuery种onmouseenter与onmouseover的区别在哪里？

onmouseenter与onmouseover事件作用：

当鼠标进入(经过)触发事件。

但他们之间有一点小的差别。我们来看这个例子。

我们创建这样的HTML页面结构

然后，给定适当的css样式如下：

这样就达到了平常网站菜单的效果

分别给ul和li添加mouseover事件。

我们给ul与li都加上mouseover事件，那么当鼠标经过li时，会有事件冒泡，会触发ul上面的mouseover事件。一次弹出两个alert窗口。

使用mouseenter事件则不会出现事件冒泡

应用于下拉菜单特效等