Mousemove Событие, похоже, отстает от фактического системного курсора - PullRequest
0 голосов
/ 05 апреля 2019

Я пытаюсь настроить элемент 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;
}

Однако, даже при медленном перемещении курсора становится ясно, что он отстает от системного курсора- и не только немного, но довольно заметно.Что дает?Это нормальное поведение браузера?Это разрешимо?

...