728x90 300x250 SMALL 2025/07/021 모바일도 완벽하게! touchstart, touchmove 터치 드래그 지난 시간에는 mousedown, mousemove, mouseup으로 데스크탑 환경에서의 드래그 구현을 포스팅 해씁니다.하지만 요즘에는 모바일 환경도 무시할 수 없기 때문에 이번에는 모바일 환경에서도 드래그 기능이 잘 작동하도록 구현해보겠습니다. 1. 터치 이벤트란?모바일에서는 마우스 대신 손가락으로 화면을 터치합니다. 자바스크립트에서는 다음과 같은 이벤트로 처리합니다.이벤트설명touchstart손가락으로 터치할 때 발생touchmove터치한 상태에서 손가락을 움직일 때 발생touchend손가락을 화면에서 뗄 때 발생 마우스 이벤트와 다르게 TouchEvent 객체는 배열 형태로 여러 손가락 정보를 가진다. 2. 기본 구조// 터치 시작 시 위치 저장box.addEventListener('touchs.. 2025. 7. 2. 이전 1 다음 728x90 반응형 LIST