# pageX

4개의 포스트
post-thumbnail

[JS30] - 27) Click and Drag

사실 여기에서 $items.offsetLeft는 0으로 나오고, 이게 0이어도 기능 구현에는 아무런 문제가 없는데 왜 이걸 넣었는지??? 모르겠다. 다른 비슷한 기능을 구현하면서 알아봐야겠다. 더 공부해야하는 부분이다.드래그해 움직인 커서의 pageX좌표 - 처음 클릭

2021년 11월 7일
·
0개의 댓글
post-thumbnail

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

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

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

27. Click and Drag

가로 슬라이드 UI에서 마우스를 클릭 후 드래그를 통해 슬라이딩 효과 구현 내용mousedown 이벤트 발생 시 시작점, 좌측 scroll 최초 값을 저장mousemove 이벤트 발생 시, 저장된 시작점으로부터 드래그된 거리를 위에서 저장된 좌측 scoll 최초 값에

2020년 12월 19일
·
0개의 댓글

JavaScript 6.이벤트 Event

이벤트 객체 모든 이벤트의 정보를 event 객체로 제공 속성 type target pageX, pageY screenX,screenY button : 눌러진 마우스 버튼 메소드 preventDefault() stopPropagation()

2020년 10월 5일
·
0개의 댓글