좌표 구하기

offsetLeft / offsetTop

해당 요소가 부모 요소 내에서 위치한 좌표값. 해당 요소의 경계선 왼쪽 위 모서리부터의 거리를 나타냄.

 

scrollY

스크롤 된 높이

clientWidth / clientHeight

요소의 내부 너비, 높이(px). 패딩은 포함되지만 테두리, 여백 및 가로 스크롤 막대(있는 경우)는 제외됨

clientX / clientY

브라우저 화면에서 마우스 클릭 위치의 좌표값. 브라우저의 왼쪽 위 모서리에서 해당 위치까지의 거리를 나타냄.

pageX / pageY

문서 전체에서 마우스 클릭 위치의 좌표값. 문서의 왼쪽 위 모서리에서 해당 위치까지의 거리를 나타냄.

screenX / screenY

모니터 화면에서 마우스 클릭 위치의 좌표값. 모니터의 왼쪽 위 모서리에서 해당 위치까지의 거리를 나타냄.

 

getBoundingClientRect()

아래 값에 width, height를 더한 객체를 반환함(width, height는 padding과 border-width를 포함함)