鼠标的移入移出事件，是在我们做一些前端效果时使用相当频繁的事件，但在JS中，鼠标的移入移出事件有两对，分别是mouseover、mouseout；以及mouseenter、mouseleave，如果没有对其的区别有清新的认识话，则很容易掉坑里！
| 事件名 | 事件功能 | 触发次数 |
|---|---|---|
| onmouseover | 鼠标移出事件 | 会在每个子元素上都触发一次 |
| onmouseout | 鼠标移入事件 | 会触发事件冒泡,会在每个子元素上都触发一次 |
| onmouseleave | 鼠标移出事件 | 不会触发事件冒泡，只会在绑定的元素上执行一次 |
| onmouseenter | 鼠标移入事件 | 不会触发事件冒泡，只会在绑定的元素上执行一次 |
| onmousemove | 鼠标在元素上移动事件 | 你鼠标动一下他就触发一次 |
© 本文著作权归作者所有，转载前请务必署名
分享一些关于前端技术的思维导图
一些JavaScript常用的代码，有DOM操作、CSS操作、对象（Object对象、Array对象、Number对象、String对象、Math对象、JSON对象和Console对象）操作。
简介vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，现在已经可以在Firefox和Safari中安装。这可以提高我们的调试效率。商店直接安装ChromeExtensionhttps://chrome.google.com/webstore/detail/vuejs-d
Visual Studio Code（以下简称vscode）是一个轻量且强大的跨平台开源代码编辑器（IDE），支持Windows，OS X和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言。
鼠标的移入移出事件，是在我们做一些前端效果时使用相当频繁的事件，但在JS中，鼠标的移入移出事件有两对，分别是mouseover、mouseout；以及mouseenter、mouseleave，如果没有对其的区别有清新的认识话，则很容易掉坑里！