网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

一张图让你弄懂mouseover和mouseenter的区别

2021/9/13 21:39:08

在jQuery中的mouseover事件和mouseenter事件经常容易搞混,弄不清楚什么时候应该用哪一个更合适,今天我们就来说说这两个事件应该如何正确使用。我们先来看看下面这张图片。mouseenter事件 当鼠标从元素之外移入元素之内时,事件被触发。而鼠标本身在元素内,要触…

        在jQuery中的mouseover事件和mouseenter事件经常容易搞混,弄不清楚什么时候应该用哪一个更合适,今天我们就来说说这两个事件应该如何正确使用。我们先来看看下面这张图片。


mouseenter事件

        当鼠标从元素之外移入元素之内时,事件被触发。而鼠标本身在元素内,要触发该事件,必须先将鼠标移出元素,再次移入才能触发。

        也就是说:mouseover支持事件冒泡,而mouseenter不支持事件冒泡

        由于mouseenter不支持事件冒泡,导致在一个元素的子元素上进入或离开的时候会触发其mouseover和mouseout事件,但不会触发mouseenter和mouseleave事件。


mouseover事件

        当鼠标移入元素或其子元素都会触发该事件,所以有一个重复触发,冒泡过程。

        通过以上内容我们知道了mouseover和mouseenter的区别,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

    暂无相关的数据...