Frontend/JavaScript
[JS] 마우스 클릭 좌표(위치) 가져오기
📌 자바스크립트 마우스 클릭 좌표(위치) 가져오기 마우스로 화면상 위치를 클릭했을 때 얻을 수 있는 좌표에는 네 가지 좌표가 있다. 1️⃣ 좌표의 종류 ◾ screenX, screenY 사용자 모니터 화면을 기준으로 좌표를 표시하며, 왼쪽 상단 모서리가 (0, 0)이 된다. ◾ pageX, pageY 웹 브라우저 전체 페이지를 기준으로 좌표를 표시한다. 스크롤이 존재하는 페이지의 경우 스크롤될 때마다 pageY의 좌표값이 변경된다. ◾ clientX, clientY 사용자에게 보여지는 페이지 영역을 기준으로 좌표를 표시한다. 스크롤바가 존재하고, 스크롤되더라도 특정 지점의 clientX, clientY의 값은 동일하다. ◾ offsetX, offsetY 좌표를 출력하도록 하는 이벤트가 걸려있는 DOM n..
2022. 2. 17. 08:25
최근댓글