clientX, clientY
클라이언트 영역 내의 가로,세로 좌표를 제공.
여기서 클라이언트 영역은 현재 보이는 브라우저 화면이 기준
clientX : 브라우저 페이지에서의 X좌표 위치를 반환하나 스크롤은 무시하고 해당 페이지의 상단을 0으로 측정
clientY : 브라우저 페이지에서의 Y좌표 위치를 반환하나 스크롤은 무시하고 해당 페이지의 상단을 0으로 측정
offsetX, offsetY
이벤트 대상이 기준.
(화면 중간에 있는 박스 내부에서 클릭한 위치를 찾을 때 해당 박스의 왼쪽 모서리 좌표가 0이됩니다. 화면의 기준이 아닙니다)
전체 문서를 기준으로 합니다(스크롤 화면 포함)
offsetX : 이벤트 대상 객체에서의 상대적 마우스 x좌표 위치를 반환.
offsetY : 이벤트 대상 객체에서의 상대적 마우스 y좌표 위치를 반환.
:)