js

 

JS 마우스 좌표 메서드

 

 

1. clientX / clientY

 

client는 브라우저 창을 기준으로 마우스 좌표를 알려주는 메서드로 스크롤은 무시한다.

 

 

2. offsetX / offsetY

 

offset은 이벤트 대상을 기준으로 마우스 좌표값을 알려주는 메서드.

 

 

3. pageX / pageY

 

브라우저 페이지 전체를 기준으로 마우스 좌표값을 알려주는 메서드로 스크롤 전체 페이지에 해당

 

 

4. screenX / screenY

 

모니터 화면을 기준으로 마우스 좌표값을 알려준다.