js鼠标移动事件

js鼠标移动事件

鼠标的移入移出事件,是在我们做一些前端效果时使用相当频繁的事件,但在JS中,鼠标的移入移出事件有两对,分别是mouseover、mouseout;以及mouseenter、mouseleave,如果没有对其的区别有清新的认识话,则很容易掉坑里!


事件名事件功能触发次数
onmouseover鼠标移出事件会在每个子元素上都触发一次
onmouseout鼠标移入事件会触发事件冒泡,会在每个子元素上都触发一次
onmouseleave鼠标移出事件不会触发事件冒泡,只会在绑定的元素上执行一次
onmouseenter鼠标移入事件不会触发事件冒泡,只会在绑定的元素上执行一次
onmousemove鼠标在元素上移动事件你鼠标动一下他就触发一次