1.mouseenter事件、mousemove事件和mouseover事件
mouseenter:鼠标光标从元素外部首次移动到元素范围之内时触发,这个事件不冒泡,而且在光标移动到后代元素上不会重复触发。通常和mouseleave搭配使用。
mousemove:鼠标光标在元素内部移动时重复地触发。
mouseover:鼠标光标位于一个元素外部,首次移动到另一个元素边界之内(包括后代元素)时触发。
2.mouseleave事件和mouseout事件
mouseleave:位于元素上方的鼠标光标移动到元素范围之外时触发,这个事件不冒泡,而且在光标移动到后代元素上不会触发。
mouseout:鼠标光标位于一个元素上方,然后用户将其移入另一个元素上时触发(另一个元素可以是这个元素的外部元素,也可以是这个元素的子元素)。