[Web APIs] 브라우저 좌표 - client X,Y 와 page X,Y 비교

💡 client X,Y 와 page X,Y 비교

client의 X,Y 좌표는 브라우저 창을 통해 "보이는" 페이지의 왼쪽 상단 모서리에 상대적

page의 X,Y 좌표는 전체 페이지의 왼쪽 상단 모서리에 상대적(스크롤링으로 숨겨진 부분 포함)

 

즉, page 좌표는 브라우저 창에 숨겨진 영역까지 포함해서 좌표가 측정되고, client 좌표는 브라우저 창을 기준으로 좌표가 측정되는 것

 

 

 

참고

https://stackoverflow.com/questions/6073505/what-is-the-difference-between-screenx-y-clientx-y-and-pagex-y