1. clientX, clientY

클라언트 영역 내에서 마우스의 좌표 정보를 담고 있는 이벤트 객체

client 값은 순간 보여지는 화면을 기준으로 계산, 스크롤 위치와는 무관하게 항상 보여지는 화면의 좌측 상단의 모서리 위치를 (0, 0)으로 계산한다.

2. offsetX, offsetY

이벤트가 발생한 target 의 기준

이벤트가 발생한 대상을 기준으로 계산, 스크롤 위치와는 무관하게 항상 대상의 좌측 상단의 모서리 위치를 (0, 0)으로 계산한다.

3. pageX, pageY

전체 문서를 기준으로 좌표 정보를 담고 있다. 그렇기에 스크롤로 인해서 보이지 않게된 화면의 영역까지 포함된다.

Untitled