# offsetX

ony_

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

badassong

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

nuyhes

결과HTMLCSSscript

gygy

구현한 기능이지만 눈여겨 볼 부분이 있거나, 놓친 부분에 대해서만 간략히 정리했다.내가 구현했던 것과 비슷하지만, 여기서는 메소드 자체를 삼항연산자로 변수지정을 한뒤 videomethod로 실행시켰다.현재 재생시간전체 미디어의 길이재생시간이 업데이트 될 때마다 이벤트가

gygy

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