js 鼠标mouseover mouseenter mousemove mouseout mouseleave事件执行

mouseenter和mouseleave一起使用：

mouseenter:第一次进入元素是触发。

mouseleave:鼠标移动到元素之外时触发。

mosueover和mouseout一起使用：

 mouseover:当鼠标从一个元素移入另一个元素时触发。

mouseout:鼠标移出一个元素，移入另一个元素时触发。

 

mousemove:鼠标在元素内部移动时触发，不断地重复触发。

 

mouseout和mouseleave的区别：

mouseout在鼠标离开该元素或该元素的子元素时都会触发，mouseleave只会在离开该元素时触发。

mouseover和mouseenter的区别：

mouseover在鼠标进入该元素或该元素的子元素时都会触发，mouseenter只会在进入该元素时触发。

示例：

当鼠标进入div1，穿过div2，到鼠标离开div1，执行结果：