[HTML]clientX, pageX, screenX, offsetX

✅pageX pageY

Page가 스크롤 되어 내려거나 좌우로 움직여도 브라우저 제일 위와 제일 왼쪽을 기준으로 몇 px 떨어져 있는 지 알 수 있는 메소드

 

✅clientX clientY

스크롤을 무시하고 보여지는 화면(브라우저)위에서의 마우스 위치를 보여주는 메소드

 

✅offsetX offsetY

이벤트 대상(element)를 기준으로 얼마나 왼쪽, 얼마나 아래쪽에 있는지를 보여주는 메소드.

element의 제일 왼쪽상단이 (0,0)으로 기준이 된다.

 

✅screenX screenY

컴퓨터 화면의 좌우크기. 마우스를 움직이거나, 브라우저를 줄이거나 상관없이 동일한 값을 가진다.