javascript - 当鼠标进入窗口的顶部时做一些事情

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零件方面。

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

提前致谢。

标签： javascriptmouseenter