client와 offset의 차이점

hrj2233·2021년 11월 12일
0

javascript

목록 보기
2/5

clientX, clientY

클라이언트 영역 내의 가로,세로 좌표를 제공.
여기서 클라이언트 영역은 현재 보이는 브라우저 화면이 기준

clientX : 브라우저 페이지에서의 X좌표 위치를 반환하나 스크롤은 무시하고 해당 페이지의 상단을 0으로 측정

clientY : 브라우저 페이지에서의 Y좌표 위치를 반환하나 스크롤은 무시하고 해당 페이지의 상단을 0으로 측정

offsetX, offsetY

이벤트 대상이 기준.
(화면 중간에 있는 박스 내부에서 클릭한 위치를 찾을 때 해당 박스의 왼쪽 모서리 좌표가 0이됩니다. 화면의 기준이 아닙니다)

전체 문서를 기준으로 합니다(스크롤 화면 포함)

offsetX : 이벤트 대상 객체에서의 상대적 마우스 x좌표 위치를 반환.

offsetY : 이벤트 대상 객체에서의 상대적 마우스 y좌표 위치를 반환.

출처:http://megaton111.cafe24.com/2016/11/29/clientx-offsetx-pagex-screenx%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90/

0개의 댓글