# clientX

5개의 포스트
post-thumbnail

ilva

발란 코딩 -사이트명 : pantheoneaudio -제작기간 : 23.0. ~ 23.0. (일 소요) -사용언어 : html , css -분류 : 적응형pc, 🔋 Main Point [x] view port [x] view port [x] view port [x

2023년 7월 5일
·
0개의 댓글
·
post-thumbnail

좌표 위치 - clientX, offsetX, pageX, screenX, scrollY, pageYOffset 의 차이점

1. ClientX, ClientY 현재 보여지는 브라우저 화면 뷰포트 기준으로 가로, 세로 좌표를 반환 2. OffsetX, OffsetY 이벤트 대상을 기준으로 상대적인 좌표를 반환 ex) 화면 중앙의 박스 요소에서 클릭한 위치를 찾으면 박스위 왼쪽 모서리 좌표

2023년 5월 28일
·
0개의 댓글
·
post-thumbnail

[JS]-마우스 클릭 좌표!

1\. screenX, screenY사용자 모니터 화면을 기준으로 한 좌표를 표시한다.사용자 모니터의 왼쪽 상단 모서리가 (0, 0)이 된다.2\. pageX, pageY전체 문서를 기준으로 한 좌표를 표시한다.만약 문서를 표현할 때 스크롤이 생긴다면, 특정 지점의 p

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #053일

결과HTMLP 태그에 클래스이름을 정한다. SCSS 반복문을 위해 SCSS 에서 작성한다.script변수 \`\`\`javascriptimageList.css('display','none');imageList.eq(imgIndex).css('display','block

2023년 1월 1일
·
0개의 댓글
·
post-thumbnail

[TIL] 2021.10.24 (JS30, 알고리즘 문제풀이, 마우스 클릭좌표, 브라우저 렌더링 과정과 순서)

[JS30] - 8) Fun with HATML5 Canvas [JS] 마우스 클릭 좌표 ( screenX, clientX, pageX, offsetX )

2021년 10월 24일
·
0개의 댓글
·