본문 바로가기
IT/JavaScript

[JavaScript] clientX/Y, pageX/Y, MouseEvent

by 프론트엔드 지식백과 2021. 1. 1.

-clientX, clientY는 window 창에서 시작다.

-pageX, pageY는 page의 제일 상위부터 시작한다. (페이지의 시작점부터)

 

(출처: https://gist.github.com/Palisanka/b9c03d21cdbb5e6e89d92dba6880297b )

 

 

MouseEvent.clientX - Web APIs | MDN

The clientX read-only property of the MouseEvent interface provides the horizontal coordinate within the application's viewport at which the event occurred (as opposed to the coordinate within the page). For example, clicking on the left edge of the viewpo

developer.mozilla.org

MouseEvent로 커서 위치를 파악할 수 있다.

728x90