Jquery 鼠标事件解析

时间:2023-12-19 21:24:17

1 mouseover与mousemove的区别:

mouseover是当鼠标移动到对象时产生,只产生一次,这时如果继续在对象上移动,不会再产生mouseover事件,而是mousemove事件,mousemove事件是当鼠标进入对象后,如果在对象上不断地移动,那么该事件会不断地产生。

mouseOver 从父元素进入子元素,从子元素进入父元素都能触发

2 mouseout事件

与mouseover相对,一个是进入,一个是出去。离开子元素同样可以触发父元的mouseout事件

3 mousedown,mouseup事件

用户鼠标按下时触发mousedown,再放开时触发mouseup。

4 mousenter,mouseleave事件

只有当鼠标进入绑定的元素时触发 mousenter不区分子元素

只有当鼠标离开绑定的元素时触发 mouseleave不区分子元素