在原生JS中鼠标移入移出事件有四个

mouseover,mouseout,mouseenter,mouseleave

以下用over,out,enter,leave表示

over：只要是鼠标指针移入事件所绑定的元素或子元素就会触发该事件

enter：只有鼠标移入事件所绑定的元素时，才会触发该事件

如果一个元素没有子元素，over和enter的效果是一样的，鼠标每次移入时，只触发一次事件

如果一个元素有子元素，over在移入事件所绑定元素，如果再移入了子元素，就会触发两次事件

out和leave是鼠标移出事件

out：只要是鼠标指针移出事件所绑定的元素或子元素就会触发该事件

leave：只有鼠标移出事件所绑定的元素时，才会触发该事件

使用方式

next.addEventListener("mouseenter", function(event) {
      //鼠标移入需要执行的函数
    });
    next.addEventListener("mouseleave", function(event) {
      //鼠标移出需要执行的函数
    });
    prev.addEventListener("mouseenter", function(event) {
      //鼠标移入需要执行的函数
    });
    prev.addEventListener("mouseleave", function(event) {
      //鼠标移出需要执行的函数
    });