mousemove事件似乎落后于实际的系统光标

Question

我试图将HTML元素设置为始终跟随光标。我的代码当前是这样：

let mousePos = {x: 0, y: 0}
document.body.onmousemove = (e) => {
    mousePos.x = e.clientX;
    mousePos.y = e.clientY;

    cursorElement.style.transform = 'translate(calc(' + mousePos.x + 'px - 50%), calc(' + mousePos.y + 'px - 50%))';
};

这是我的CSS：

#cursor {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    backface-visibility: hidden;
}

但是，很清楚，即使缓慢移动光标，它也落后于系统光标-不仅有点，而且非常明显。是什么赋予了？这是正常的浏览器行为吗？这可以解决吗？