当鼠标进入窗口顶部时，请执行以下操作

Question

我正在使用此代码检测鼠标何时进入窗口顶部，何时不进入窗口。

$(window).on('mouseenter',function(e){
  if ( e.pageY < 40 ) {
    $('.change').addClass('color')
  } else {
    $('.change').removeClass('color')
  }
});

span{
  color:black
}
.color{
  color:red
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="change">COLOR</div>

问题在于，它尤其是在else部分时有很多错误。

我想知道这是正确的方法还是更好的方法。

谢谢。