이벤트 발생 지점 찾기

Viewport: 브라우저가 화면내에서 보이는 부분. 디바이스에 따른 화면출력이 가능함

 

Screen: screenX, screenY 모니터 화면 전체를 대상으로 함. (브라우저가 아닌)화면의 상단 모서리 기준

 

Page: pageX, pageY 전체 페이지를 기준으로 현재커서 위치. 페이지 최상단은 viewport를 벗어나 있을수 있기에 커서가 같은 위치에 있어도 페이지 좌표와 클라이언트 좌표가 다를수 있다.

 

Client: clientX, clientY 브라우저 뷰포트 기준으로 커서위치 알려줌. 스크롤해서 상단 안보이더라도 클라이언트 좌표는 영향받지않음