자바스크립트 event.clientX,event.clientY(마우스 클릭 하여 좌표값 얻기)

style.left, style.top은 문서전체의 좌측상단을 기준으로 측정된 좌표값이고

event.clientX, event.clientY는 브라우저 클라이언트 영역의 좌측상단을 기준으로 측정된 좌표입니다.

스크롤이 되지 않은 상태에선 같은 값을 가지게 되지만,

스크롤이 된 상태라면 좌푝밧이 스크롤 된 양에 따라 달라집니다.

이를 일치시키려면 클라이언트 좌표에 스크롤 된 양을 더해서 계산에 포함시켜야 합ㅎ니다

document.getElementById(obj).style.left = event.clientX + document.body.scrollLeft + ‘px’;

document.getElementById(obj).style.top = event.clientY + document.body.scrollTop + ‘px’;