鼠标的移入移出事件,是在我们做一些前端效果时使用相当频繁的事件,但在JS中,鼠标的移入移出事件有两对,分别是mouseover、mouseout;以及mouseenter、mouseleave,如果没有对其的区别有清新的认识话,则很容易掉坑里!
事件名 | 事件功能 | 触发次数 |
---|---|---|
onmouseover | 鼠标移出事件 | 会在每个子元素上都触发一次 |
onmouseout | 鼠标移入事件 | 会触发事件冒泡,会在每个子元素上都触发一次 |
onmouseleave | 鼠标移出事件 | 不会触发事件冒泡,只会在绑定的元素上执行一次 |
onmouseenter | 鼠标移入事件 | 不会触发事件冒泡,只会在绑定的元素上执行一次 |
onmousemove | 鼠标在元素上移动事件 | 你鼠标动一下他就触发一次 |