728x90 300x250 pageY2 마우스 클릭 위치 구하기 clientX, clientY, pageX, pageY 1. 윈도우 기준으로 클릭한 전역 위치 구하기 mouseEvent.clientX mouseEvent.clientY 윈도우 내부 영역 기준으로 한 마우스 커서의 X, Y 좌표값 (윈도우 창 크기만큼 / 스크롤은 반영되지 않음) 2. 문서를 기준으로 클릭한 전역 위치 구하기 mouseEvent.pageX mouseEvent.pageY 실제 문서 영역 기준의 마우스 커서 좌표 문서의 스크롤 값이 적용된 값 #panel에서 버튼 클릭한 위치값 알아내기 $("#panel").click(function(e){ var clickInfo = `clientX:${e.clientX}, clientY:${e.clientY}, pageX:${e.pageX}, pageY:${e.pageY}`; console.log(clickI.. 2023. 4. 27. [jQuery]마우스 클릭한 위치 값 가져오기 마우스 클릭 좌표값 가져오는 이벤트 객체 종류 pageX, pageY 웹브라우저 전체 페이지의 왼쪽 가장자리를 기준으로 좌표를 표시 문서의가장 자리를 기준으로 하기 때문에 스크롤을 고려하여 스크롤될 때마다 좌표값이 변경 된다. event.pageX //x위치 값 event.pageY //y위치 값 clientX, clientY 사용자에게 보여지는 페이지 영역 기준 좌표를 표시 스크롤바가 존재하고, 스크롤 되더라도 특정 지점의 clientX, clientY 값은 동일하다. event.clientX //x위치 값 event.clientY //y위치 값 screenX, screenY 사용자 모니터 화면 기준으로 왼쪽 상단 모서리(0, 0)부터 좌표값 표시 event.screenX //x위치 값 event.sc.. 2023. 4. 1. 이전 1 다음 728x90 반응형