Javascript page.Y返回错误的值

我有以下jQuery和JS代码：

$(function() {
  function addMouseEvents() {
    $('img').addClass('close-overlay-active')
    var close_H = ($('.close-overlay-active').height() * 1.2);
    var close_W = ($('.close-overlay-active').width() * 1.2);
    document.addEventListener('mousemove', function(e) {
      // console.log('move');
      // console.log(e.pageX + " " + e.pageY ); 
      var mouseX = e.pageX,
        mouseY = e.pageY;

      $('.close-overlay-active')
        .css({
          top: (mouseY - close_H),
          left: mouseX - close_W
        });
    });
  }


  addMouseEvents();
});

当然，期望的行为是“x”标记略高于光标。大多数情况下确实会出现这种情况，但有时“x”会出现在光标下方，即光标的右下方，有时会出现在光标下方的

1000px

。为什么会这样？e、 pageY有时似乎返回了错误的值为什么

有人能解释一下这种行为吗

试试这个：

$（函数（）{
函数addMouseEvents（）{
$（'img'）.addClass（'close-overlay-active'））
var close_H=（$（'.close overlay active'）.height（）；
var close_W=（$（'.close overlay active'）.width（）；
document.addEventListener（'mousemove'，函数（e）{
//console.log（'move'）；
//console.log（e.pageX+“”+e.pageY）；
var mouseX=e.pageX，
mouseY=e.pageY；
$（'.close overlay active'）
.css({
顶部：（鼠标-关闭），
左：mouseX-关闭W/2
});
});
}
addMouseEvents（）；
});
img{
位置：绝对位置；
排名：0；
左：0；
}
.固定{
位置：固定；
排名：0；
左：0；
右：0；
底部：0；
背景：#b0e2ff；
}

这样行吗？
鼠标
没有给我正确的值。。我对执行上述代码段时遇到的
mouseX
问题没有异议？