jquery 中的hover(),mouseleave()&mouseenter()和mouseover()&mouseout()的区别

时间:2022-01-22 19:45:04

本文来自实践中发现的一个问题,然后高亮显示注意的地方,希望可以给到需要的朋友一点提示:


按照平时写jquery的思路,写鼠标滑入滑出效果都习惯性的使用hover()方法,但是今天脑子发热,想试试mouseover(),mouseout()。

首先介绍下,hover()方法,该方法触发两个事件,分别是 mouseenter(),mouseleave();

语法是这样的 :$(selecter).hover(inFuntion,outFunction);

mouseover()方法触发mouseover事件,这是不用多说的,mouseover事件是在鼠标进入指定元素时或者任意子元素的时候触发,而mouseenter事件只有在鼠标进入被选元素时触发

重要的事情说三遍,

mouseover事件是在鼠标进入指定元素时或者任意子元素的时候触发
mouseover事件是在鼠标进入指定元素时或者任意子元素的时候触发
mouseover事件是在鼠标进入指定元素时或者任意子元素的时候触发

反正我是被坑了。ps:基础不打扎实的真实写照


既然说到这里了,那就继续把这几个事件详细的说下吧。

mouseout()方法触发mouseout事件,当鼠标离开被选元素或者任意子级元素的时候触发,而mouseleave事件只有在鼠标离开被选元素时触发

mouseleave()和mouseenter()经常配合一起使用,

mouseover()和mouseout()经常配黑一起使用。