728x90 300x250 offsetX2 대상을 기준으로 클릭한 위치 값 구하기 offsetX, offsetY offsetX, offsetY 클릭한 대상을 기준으로 마우스 위치를 구한다. 마우스를 클릭한 위치로 이동하기 (마우스 클릭한 위치 기준 대상의 좌측 상단이 시작 지점) See the Pen offset by kim oya (@ttuttu) on CodePen. 이미지 출처 : https://stephendoddtech.com/blog/game-design/mouse-event-listener-input-html-canvas 2023. 4. 28. [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 반응형