client.x, client.y 질문 (커스텀 커서)

PJS.addEventListener(‘mousemove’, function(e){
x = e.x;
y = e.y;
var X = e.clientX;
var Y = e.clientY;
Cursor.style.display = ‘block’;
Cursor.style.left = X + ‘px’;
Cursor.style.top = Y + ‘px’;
console.log(X, Y);
});
입니다.

PJS는 반응형 width 100% height auto

    입니다 Cursor는
    정도 입니다 콘솔을 찍으면 Client.X,Y가 아닌 screenX, Y가 출력됩니다 어떻게 고쳐야 할까요 그리고 혹시 마우스 커서의 기능을 커스텀 커서로 옮길수 있는 코드가 있을까요?

커스텀 마우스 커서 만드실 때 client를 사용하는 게 아니라 e.x, e.y 를 사용하셔야 해요~
도움이 되실 지는 모르겠지만 제가 만든 커스텀 커서 코드는 제 블로그에서 볼 수 있습니다.
추가적으로 되도록 var 보다는 const 나 let을 쓰는 걸 권장드립니다!