ClientX, PageX, ScreenX, OffsetX

경이·2022년 9월 28일
0
post-thumbnail

🚀 마우스 포인터의 좌표 정보를 나타내는 프로퍼티(이벤트 프로퍼티)

1. ClientX, ClientY

브라우저 창의 눈에 보이는 왼쪽 상단 모서리를 기준으로 X, Y 좌표값 반환(절대적 위치, 스크롤 무시)

2. PageX, PageY

브라우저 전체 문서를 기준으로 X, Y 좌표값 반환

3. ScreenX, ScreenY

현재 브라우저가 띄워지는 모니터 화면을 기준으로 X, Y 좌표값 반환

4. OffsetX, OffsetY

이벤트가 걸려있는 객체를 기준으로 상대적 X, Y 좌표값 반환

profile
이사중입니다!🌟https://velog.io/@devkyoung2

0개의 댓글