Question

Jquery 里面的onmouseover mouseenter 区别在那？ 我看w3c那个描述不清楚还是不明白

那位高手详细解释下 我感觉没啥区别都是移入 那位高手举一个例子 然后解释解释区别

Answer 1

看如下代码，你应该可以看出div2到div4都是在div1里面的吧：
<div id="div1">
<div id="div2">
<div id="div3">
<div id="div4"></div>
</div>
</div>
</div>
根据上面的代码，简单的说，就是做如下操作的时候会有区别：
鼠标操作事件-------“鼠标从页面空白处，移动到div1，然后往中间移动鼠标最终会移动到中间的div4。”
你必须明白上面代码5个div的关系，如果把这5个div比作5个圆，那么这5个圆的关系就是div在最外面div5在最里面的一个“同心圆”。如果明白这点那么对于上面的“鼠标操作事件”就好解释了，也就是鼠标从最外面的圆(div1)往最内部的圆(div5)移动的一个过程。
onmouseover就是------每往里面进一个圆都会触发onmouseover操作，如果鼠标移动到div5内则触发5次
mouserenter就是------仅在进入最外面的圆div1的时候会触发一次mouserenter事件，总共触发一次
然后我们再来看一下w3c中的解释：
与 mouseenter 事件不同，不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。

现在明白了吧~
不明白请追问，如果对你有帮助，记得采纳~

Answer 2

mouseenter 是后来加的
mouseover 表示 进入当前标签
但是 如果再进入 标签内的子标签 就会触发 mouseout
而 mouseenter 是进入当前标签 一定是从外部标签进入 才会触发
离开时 对应的是mouseleave;
<div>
<a></a>
</div>
类似这样的结构
鼠标进入 div的时候mouseenter mouseover 都会触发
但是进入a的时候 会触发mouseout 没有mouseleave
从a移开进入div 会触发mouseover 就没有 mouseenter

Answer 3

举个例子<div><p><span></span></p></div>

假设都是绑定在div标签上，onmouseover在离开div进入子标签的时候就会触发，mouseenter不会触发。

Answer 4

mouseover 事件触发在鼠标还在区域内，mouseenter “” 进入该区域